.composite-structure-generator{min-height:auto;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.composite-structure-generator .generator-layout{display:grid;grid-template-columns:var(--tool-controls-width, 420px) 1fr;gap:20px;max-width:1600px;margin:0 auto}.composite-structure-generator .controls-panel{background:#ffffff14;border-radius:16px;padding:24px;border:2px solid rgba(255,255,255,.25)}.composite-structure-generator .controls-panel h2{color:var(--white);margin:0 0 20px;font-size:1.4rem}.composite-structure-generator .control-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.composite-structure-generator .tab-btn{padding:8px 14px;border:2px solid rgba(255,255,255,.35);background:#ffffff14;color:var(--white);border-radius:8px;cursor:pointer;transition:all .2s;font-size:12px}.composite-structure-generator .tab-btn:hover{background:#ffffff26}.composite-structure-generator .tab-btn.active{background:#ffa000;border-color:#ffa000}.composite-structure-generator .tab-content{color:var(--white)}.composite-structure-generator .control-section h3{font-size:1rem;margin:0 0 12px;color:#ffca28}.composite-structure-generator .input-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.composite-structure-generator .input-group input,.composite-structure-generator .input-group select{flex:1;min-width:80px;padding:8px 12px;border:2px solid rgba(255,255,255,.35);background:#0003;color:var(--white);border-radius:6px;font-size:13px}.composite-structure-generator .input-group input::placeholder{color:#fff6}.composite-structure-generator .input-group button{padding:8px 16px;background:#ffa000;color:var(--white);border:none;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap}.composite-structure-generator .input-group button:hover{background:#ff8f00}.composite-structure-generator .item-list{list-style:none;padding:0;margin:0;max-height:250px;overflow-y:auto}.composite-structure-generator .item-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;border-radius:6px;margin-bottom:6px;font-size:13px}.composite-structure-generator .item-list li button{background:#e74c3c;color:var(--white);border:none;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1}.composite-structure-generator .control-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.composite-structure-generator .control-row label{min-width:100px;font-size:14px}.composite-structure-generator .control-row select{flex:1;padding:8px 12px;border:2px solid rgba(255,255,255,.35);background:#0003;color:var(--white);border-radius:6px}.composite-structure-generator .checkbox-group{display:flex;flex-direction:column;gap:8px;margin-top:16px}.composite-structure-generator .checkbox-group label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.composite-structure-generator .checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.composite-structure-generator .theme-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.composite-structure-generator .theme-btn{padding:10px;border:2px solid transparent;border-radius:8px;color:var(--white);cursor:pointer;font-size:11px;text-transform:capitalize;transition:all .2s}.composite-structure-generator .theme-btn:hover{transform:scale(1.05)}.composite-structure-generator .theme-btn.active{border-color:var(--white);box-shadow:0 0 10px #ffffff4d}.composite-structure-generator .color-inputs{display:grid;gap:8px}.composite-structure-generator .color-row{display:flex;align-items:center;gap:12px}.composite-structure-generator .color-row label{min-width:100px;font-size:13px;text-transform:capitalize}.composite-structure-generator .color-row input[type=color]{width:50px;height:30px;border:none;border-radius:4px;cursor:pointer}.composite-structure-generator .preview-panel{background:#f9fafb;border-radius:16px;padding:24px;border:2px solid #d1d5db;box-shadow:0 1px 3px #0000001a}.composite-structure-generator .preview-panel h3{color:var(--white);margin:0 0 16px}.composite-structure-generator .preview-container{background:var(--white);border:2px solid #d1d5db;border-radius:12px;padding:20px;min-height:400px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.composite-structure-generator .composite-structure-diagram{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.composite-structure-generator .export-section{border-top:2px solid rgba(255,255,255,.2);padding-top:20px}.composite-structure-generator .export-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.export-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.composite-structure-generator .export-tabs{display:flex;gap:8px;margin-bottom:12px}.composite-structure-generator .export-tab{padding:8px 16px;border:2px solid rgba(255,255,255,.35);background:#ffffff14;color:var(--white);border-radius:6px;cursor:pointer;font-size:12px}.composite-structure-generator .export-tab.active{background:#ffa000;border-color:#ffa000}.composite-structure-generator .export-actions{display:flex;gap:8px;margin-bottom:12px}.composite-structure-generator .export-actions button{padding:10px 20px;background:linear-gradient(135deg,#ffa000,#ff8f00);color:var(--white);border:none;border-radius:8px;cursor:pointer;font-size:14px}.composite-structure-generator .export-actions button:hover{background:linear-gradient(135deg,#ff8f00,#ff6f00)}.composite-structure-generator .code-preview{background:#1e1e1e;border:2px solid #d1d5db;border-radius:8px;padding:16px;overflow:auto;max-height:300px;margin:0;box-shadow:0 1px 3px #0000001a}.composite-structure-generator .code-preview code{color:#d4d4d4;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.control-panel{background-color:#1f2937f2!important;border:2px solid var(--gray-400)!important;border-radius:6px}[data-theme=dark] .control-section{background-color:#1f2937e6!important;border-color:var(--gray-400)!important;border-width:2px}[data-theme=dark] .control-group input,[data-theme=dark] .control-group select,[data-theme=dark] .control-group textarea{background-color:#0f172acc!important;border:2px solid var(--gray-500)!important;color:var(--text-primary)}[data-theme=dark] .control-group label{display:block;color:var(--gray-900);font-size:1rem;margin-bottom:.5rem;font-weight:600;line-height:1.5;letter-spacing:.3px}@media (max-width: 1200px){.composite-structure-generator .generator-layout{grid-template-columns:1fr}}@media (max-width: 600px){.composite-structure-generator{padding:10px}.composite-structure-generator .controls-panel,.composite-structure-generator .preview-panel{border:2px solid #d1d5db;padding:16px;background:#f9fafb;box-shadow:0 1px 3px #0000001a}.composite-structure-generator .theme-buttons{grid-template-columns:repeat(2,1fr)}}