.app-container[data-v-8918fad2]{max-width:1200px;margin:0 auto;padding:20px;font-family:Microsoft YaHei,sans-serif}h1[data-v-8918fad2]{color:#2c3e50;text-align:center;margin-bottom:30px}.control-panel[data-v-8918fad2]{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.input-group[data-v-8918fad2]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.input-group label[data-v-8918fad2]{font-weight:700;color:#333}.url-input[data-v-8918fad2]{flex:1;min-width:300px;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}button[data-v-8918fad2]{padding:10px 20px;background:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}button[data-v-8918fad2]:hover:not(:disabled){background:#35a372}button[data-v-8918fad2]:disabled{background:#ccc;cursor:not-allowed}.error-message[data-v-8918fad2]{background:#fee;color:#c33;padding:15px;border-radius:4px;margin-bottom:20px;border-left:4px solid #c33}.components-list[data-v-8918fad2]{margin-top:30px}.components-list h2[data-v-8918fad2]{color:#2c3e50;margin-bottom:20px}.components-grid[data-v-8918fad2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.component-item[data-v-8918fad2]{border:1px solid #ddd;border-radius:8px;padding:20px;background:#fff;box-shadow:0 2px 4px #0000001a}.component-item h3[data-v-8918fad2]{color:#42b983;margin-top:0;margin-bottom:15px;font-size:18px}.empty-state[data-v-8918fad2]{text-align:center;padding:60px 20px;color:#999}.hint[data-v-8918fad2]{font-size:12px;color:#bbb;margin-top:10px}h1[data-v-8e3e05e4]{color:red;margin-top:40px;text-align:center}