*{box-sizing:border-box;margin:0;padding:0}body{color:#cdd6f4;background:#11111b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100%;height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e1e2e}::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#585b70}.toolbar{background:#1e1e2e;border-bottom:1px solid #313244;flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;padding:6px 12px;display:flex}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-btn{color:#cdd6f4;cursor:pointer;white-space:nowrap;background:#313244;border:1px solid #313244;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .15s}.toolbar-btn:hover{background:#45475a;border-color:#45475a}.toolbar-btn.active{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.danger{color:#f38ba8;background:0 0;border-color:#f38ba8}.toolbar-btn.danger:hover{color:#1e1e2e;background:#f38ba8}.toolbar-divider{background:#313244;width:1px;height:24px;margin:0 4px}.toolbar-user{color:#a6adc8;white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding:0 8px;font-size:12px;overflow:hidden}.toolbar-btn.users-btn{background:#fff;border:none;border-radius:6px;padding:4px 6px;line-height:1}.toolbar-btn.users-btn:hover{background:#e6e6ea}.toolbar-btn.primary-btn{color:#1e1e2e;background:#a6e3a1;border-color:#a6e3a1;font-weight:600}.toolbar-btn.primary-btn:hover{background:#94d893}@media (width<=1280px){.toolbar{min-height:auto}.toolbar-btn{padding:5px 9px;font-size:11px}.toolbar-user{max-width:160px}}@media (width<=768px){.toolbar{gap:2px;padding:4px 8px}.toolbar-btn{padding:5px 8px;font-size:11px}.toolbar-divider{display:none}}.agent-dock{z-index:1000;background:#fff;flex-direction:column;width:min(420px,96vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 28px #0000002e}.agent-head{border-bottom:1px solid #eee;flex:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.agent-head h3{margin:0;font-size:16px}.agent-head-btns{align-items:center;gap:4px;display:flex}.agent-close,.agent-min{cursor:pointer;color:#888;background:0 0;border:none;border-radius:6px;width:28px;height:28px;font-size:18px;line-height:1}.agent-min{font-size:22px;font-weight:700}.agent-close:hover,.agent-min:hover{color:#333;background:#f0f0f0}.agent-restore{z-index:1000;color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:22px;padding:10px 14px;font-size:13px;font-weight:600;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 16px #00000040}.agent-restore:hover{background:#5a4bd4}.agent-body{flex:auto;padding:16px 18px;overflow-y:auto}.agent-step{align-items:center;gap:12px;display:flex}.agent-btn{color:#fff;cursor:pointer;background:#c9a06f;border:1px solid #c9a06f;border-radius:6px;padding:8px 16px;font-size:14px}.agent-btn:disabled{opacity:.5;cursor:default}.agent-save{background:#4a8f4a;border-color:#4a8f4a}.agent-status{color:#555;min-height:18px;margin:12px 0;font-size:14px}.agent-cols{flex-wrap:wrap;gap:20px;display:flex}.agent-col{flex-direction:column;gap:8px;display:flex}.agent-label{color:#888;font-size:12px}.agent-photo{border:1px solid #eee;border-radius:6px;max-width:240px;max-height:240px}.agent-svg{background:#f7f7f4;border:1px solid #eee;border-radius:6px;width:240px;height:240px}.agent-qa{min-width:320px}.agent-q{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.agent-q label{font-size:14px}.agent-q input{padding:6px;font-size:14px}.agent-form{min-width:240px}.agent-form label{flex-direction:column;gap:4px;margin-bottom:8px;font-size:13px;display:flex}.agent-form input,.agent-form select{padding:6px;font-size:14px}.agent-props{border-collapse:collapse;margin:8px 0;font-size:12px}.agent-props td{border:1px solid #eee;padding:3px 8px}.agent-body{flex-direction:column;gap:12px;display:flex}.chat-thread{background:#faf9f7;border:1px solid #eee;border-radius:8px;flex-direction:column;gap:8px;min-height:140px;max-height:42vh;padding:10px;display:flex;overflow-y:auto}.chat-hint{color:#999;text-align:center;max-width:80%;margin:auto;font-size:13px}.chat-bubble{white-space:pre-wrap;border-radius:12px;max-width:78%;padding:8px 12px;font-size:14px;line-height:1.45}.chat-bubble.user{color:#fff;background:#c9a06f;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.agent{color:#222;background:#fff;border:1px solid #e3e3e3;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.busy{color:#aaa}.chat-preview{background:#f4f1ea;border-radius:8px;flex-wrap:wrap;gap:16px;padding:12px;display:flex}.chat-error{color:#c0392b;font-size:13px}.chat-input-row{align-items:center;gap:8px;display:flex}.chat-attach{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex:0 0 40px;width:40px;height:40px;padding:0;font-size:18px;overflow:hidden}.chat-attach img{object-fit:cover;width:100%;height:100%}.chat-text{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:14px}.chat-text:focus{border-color:#c9a06f}.door-guide{margin:4px 0 6px}.door-guide-toggle{text-align:left;color:#6b5f47;cursor:pointer;background:#f6f2ea;border:1px solid #e4dccb;border-radius:8px;width:100%;padding:6px 10px;font-size:12px}.door-guide-toggle:hover{background:#efe8da}.door-guide-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.door-guide-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #e4dccb;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.door-guide-card:hover{background:#fffaf2;border-color:#c9a06f}.door-guide-name{color:#4a4032;font-size:11px;font-weight:600}.door-guide-desc{color:#8a7f68;font-size:9.5px;line-height:1.25}.decor-gallery{padding:8px 10px 12px}.decor-gallery-hint{color:#8a8a90;margin-bottom:8px;font-size:11px;line-height:1.35}.decor-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.decor-card{cursor:pointer;background:#f7f4ee;border:1px solid #e2dccf;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;transition:border-color .15s,background .15s;display:flex}.decor-card:hover{background:#fffdf8;border-color:#b6ab90}.decor-card-name{color:#3a352b;text-align:center;font-size:12px;font-weight:600}.decor-card-desc{color:#8a8272;text-align:center;font-size:10px;line-height:1.3}.decor-card-key{color:#a89a7a;margin-top:2px;font-family:ui-monospace,monospace;font-size:10px}@media (prefers-color-scheme:dark){.decor-card{background:#26262c;border-color:#3a3a44}.decor-card:hover{background:#2d2d35;border-color:#55555f}.decor-card-name{color:#e8e4da}.decor-card-desc{color:#9a9488}}.sidebar{color:#cdd6f4;background:#1e1e2e;border-right:1px solid #313244;flex-direction:column;flex:none;width:clamp(180px,13vw,260px);min-width:180px;display:flex;overflow:hidden auto}.sidebar-header{border-bottom:1px solid #313244;padding:16px}.sidebar-header h3{color:#cdd6f4;margin:0 0 10px;font-size:14px;font-weight:600}.sidebar-search{position:relative}.sidebar-search input{color:#cdd6f4;box-sizing:border-box;background:#313244;border:1px solid #45475a;border-radius:6px;outline:none;width:100%;padding:7px 28px 7px 10px;font-size:12px}.sidebar-search input:focus{border-color:#89b4fa}.search-clear{color:#6c7086;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-clear:hover{color:#cdd6f4;background:#45475a}.search-results{flex:1;padding:6px 8px;overflow-y:auto}.search-result-row{align-items:center;gap:6px;display:flex}.search-result-row>:first-child{flex:1}.search-result-cat{color:#6c7086;white-space:nowrap;background:#313244;border-radius:4px;padding:2px 6px;font-size:10px}.category-count{color:#6c7086;background:#313244;border-radius:8px;margin-right:6px;padding:1px 6px;font-size:10px}.category-header.active .category-count{color:#89b4fa;background:#45475a}.category-list{flex:1;overflow-y:auto}.category-group{border-bottom:1px solid #313244}.category-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.category-header:hover{background:#313244}.category-header.active{color:#89b4fa;background:#313244}.category-icon{margin-right:10px;font-size:16px}.category-name{flex:1;font-size:13px;font-weight:500}.category-arrow{color:#6c7086;font-size:10px}.category-items{padding:4px 8px 8px}.component-item{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;margin:2px 0;padding:8px 12px;transition:background .15s;display:flex}.component-item:hover{background:#45475a}.component-item:active{cursor:grabbing;background:#585b70}.component-icon{text-align:center;width:28px;margin-right:10px;font-size:20px}.component-info{flex-direction:column;display:flex}.component-name{color:#cdd6f4;font-size:12px;font-weight:500}.component-size{color:#6c7086;margin-top:2px;font-size:10px}.component-level{margin-left:auto;padding-left:6px;font-size:14px}.no-items{color:#6c7086;padding:8px 12px;font-size:11px;font-style:italic}.category-items-nested{padding:4px 0 8px}.subgroup{margin:4px 0}.subgroup-header{color:#b8c0e0;text-transform:uppercase;letter-spacing:.4px;background:#89b4fa29;border:1px solid #89b4fa47;border-radius:5px;align-items:center;margin:4px 8px;padding:6px 12px 6px 20px;font-size:11px;display:flex}.subgroup-header:hover{background:#89b4fa3d}.subgroup:first-child .subgroup-header{border-top:none;margin-top:0}.subgroup-icon{opacity:.8;margin-right:8px;font-size:13px}.subgroup-name{flex:1;font-weight:600}.subgroup-count{color:#6c7086;background:#313244;border-radius:7px;padding:1px 5px;font-size:9px}.subgroup-items{padding:0 8px}.subgroup .sg-child{border-left:2px solid #313244;margin-left:10px;padding-left:2px}.sg-add.sg-add-child{margin-left:6px;font-size:11px}.subgroup-header[draggable=true]{cursor:pointer}.subgroup-arrow{color:#6c7086;flex:none;width:12px;margin-right:2px;font-size:9px}.subgroup-items .component-item+.component-item{border-top:1px solid #313244}.subgroup-header.sg-drop{background:#89b4fa6b;border-style:dashed;border-color:#89b4fa}.sg-btn{cursor:pointer;opacity:.55;background:0 0;border:none;padding:0 3px;font-size:11px;transition:opacity .15s}.sg-btn:hover{opacity:1}.subgroup-header:hover .sg-btn{opacity:.85}.sg-add{color:#a6adc8;cursor:pointer;background:#313244;border:1px dashed #45475a;border-radius:4px;width:calc(100% - 32px);margin:6px 16px 2px 24px;padding:5px 8px;font-size:11px;transition:all .15s;display:block}.sg-add:hover{color:#89b4fa;border-color:#89b4fa}.sg-create{gap:4px;margin:6px 16px 2px 24px;display:flex}.sg-create input{color:#cdd6f4;background:#313244;border:1px solid #45475a;border-radius:4px;outline:none;flex:1;padding:5px 8px;font-size:11px}.sg-create input:focus{border-color:#89b4fa}.sg-create button{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;padding:0 8px;font-size:11px}.sg-create button:hover{border-color:#89b4fa}.component-assign{color:#a6adc8;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;outline:none;max-width:70px;padding:2px 4px;font-size:9px}.component-assign:focus{border-color:#89b4fa}@media (width<=768px){.sidebar{border-right:none;flex:1;width:100%;min-width:100%;overflow-y:auto}.sidebar-header{padding:10px 12px}.sidebar-header h3{font-size:13px}.category-header{padding:10px 12px}.category-items{flex-wrap:wrap;gap:6px;padding:4px 8px 8px;display:flex}.component-item{background:#313244;border-radius:8px;flex:0 0 calc(50% - 6px);margin:0;padding:10px}.component-item:active{background:#89b4fa;transform:scale(.97)}.component-item:active .component-name{color:#1e1e2e}.component-icon{width:24px;margin-right:8px;font-size:18px}.component-name{font-size:12px}.component-size{font-size:10px}}.ai-components{border-bottom:1px solid #313244;padding:10px 12px}.ai-create-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#b4884f,#c9a06f);border:none;border-radius:6px;width:100%;padding:9px 12px;font-size:12px;font-weight:600}.ai-create-btn:hover{filter:brightness(1.08)}.ai-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ai-item{cursor:grab;flex-direction:column;align-items:center;width:calc(33% - 6px);display:flex}.ai-thumb{background:#313244;border:1px solid #45475a;border-radius:6px;width:100%;height:56px}.ai-item-name{color:#cdd6f4;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:10px;overflow:hidden}.component-delete{color:#6c7086;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;margin-left:6px;padding:3px 5px;font-size:11px;line-height:1;transition:opacity .15s,background .15s,color .15s}.component-item:hover .component-delete{opacity:1}.component-delete:hover{color:#1e1e2e;background:#f38ba8}.component-edit{color:#6c7086;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;margin-left:2px;padding:3px 4px;font-size:11px;line-height:1;transition:opacity .15s,background .15s,color .15s}.component-item:hover .component-edit{opacity:1}.component-edit:hover{color:#1e1e2e;background:#89b4fa}@media (width<=768px){.component-delete,.component-edit{opacity:1}}.sidebar-clean{background:#17171f;border-right:1px solid #24242f}.sidebar-clean .category-icon,.sidebar-clean .subgroup-icon,.sidebar-clean .component-icon{display:none}.sidebar-clean .sidebar-header{border-bottom:1px solid #24242f;padding:14px 14px 12px}.sidebar-clean .sidebar-header h3{letter-spacing:1.4px;text-transform:uppercase;color:#6b6b80;font-size:11px;font-weight:600}.sidebar-clean .sidebar-search input{color:#e6e6f0;background:#1f1f2a;border:1px solid #2c2c3a;border-radius:9px;padding:9px 28px 9px 12px;font-size:12.5px;transition:border-color .15s,background .15s}.sidebar-clean .sidebar-search input::placeholder{color:#5a5a6e}.sidebar-clean .sidebar-search input:focus{background:#22222e;border-color:#7aa2f7}.sidebar-clean .category-group{border-bottom:none;margin-bottom:2px}.sidebar-clean .category-header{color:#c9c9dd;letter-spacing:.6px;text-transform:uppercase;background:#20202c;border-radius:10px;margin:6px 8px 2px;padding:11px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;position:relative}.sidebar-clean .category-header:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;transition:background .15s;position:absolute;top:9px;bottom:9px;left:0}.sidebar-clean .category-header:hover{color:#e6e6f0;background:#262634}.sidebar-clean .category-header.active{color:#cfe0ff;background:linear-gradient(90deg,#7aa2f729,#7aa2f70a)}.sidebar-clean .category-header.active:before{background:#7aa2f7}.sidebar-clean .category-name{letter-spacing:.6px;font-size:12px;font-weight:600}.sidebar-clean .category-count{color:#8a8aa0;letter-spacing:0;background:#2b2b3a;border-radius:8px;margin-right:8px;padding:2px 7px;font-size:10px;font-weight:600}.sidebar-clean .category-arrow{color:#55556a;font-size:8px}.sidebar-clean .category-header.active .category-arrow{color:#7aa2f7}.sidebar-clean .subgroup-header{letter-spacing:1.4px;color:#6b6b80;text-transform:uppercase;background:0 0;border:none;border-bottom:1px solid #262634;margin:12px 8px 2px;padding:4px 6px 6px;font-size:9.5px}.sidebar-clean .subgroup-header:hover{color:#a9a9c0;background:0 0;border-bottom-color:#33334a}.sidebar-clean .subgroup-header.sg-drop{background:#7aa2f724;border-radius:8px}.sidebar-clean .subgroup-name{font-weight:600}.sidebar-clean .subgroup-count{color:#4d4d63;background:0 0;padding:0;font-size:10px}.sidebar-clean .subgroup-arrow{color:#3d3d52}.sidebar-clean .subgroup .sg-child{border-left:1px solid #262634;margin-left:8px}.sidebar-clean .category-items,.sidebar-clean .subgroup-items{padding:2px 8px 6px}.sidebar-clean .subgroup-items .component-item+.component-item{border-top:none}.sidebar-clean .component-item{background:#1f1f2a;border:1px solid #0000;border-radius:10px;gap:9px;margin:3px 0;padding:9px 11px;transition:background .14s,border-color .14s,transform 80ms}.sidebar-clean .component-item:hover{background:#262633;border-color:#33334a}.sidebar-clean .component-item:active{background:#2c2c3c;transform:scale(.985)}.sidebar-clean .component-name{color:#e6e6f0;letter-spacing:.1px;font-size:12.5px;font-weight:500}.sidebar-clean .component-size{color:#61617a;letter-spacing:.2px;margin-top:3px;font-size:10.5px}.sidebar-clean .component-level{align-items:center;margin-left:auto;padding-left:8px;font-size:0;display:flex}.sidebar-clean .component-level:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:7px;height:7px}.sidebar-clean .no-items{color:#55556a;padding:8px 12px;font-size:11.5px;font-style:normal}.sidebar-clean .search-result-cat{color:#61617a;background:#1f1f2a;border-radius:6px}:root{--sb-hl:#7aa2f721;--sb-hl-strong:#7aa2f733;--sb-accent:#7aa2f7}@media (hover:hover){.sidebar-clean .category-header:hover{background:var(--sb-hl);color:#e6e6f0}.sidebar-clean .category-header:hover:before{background:#7aa2f780}}.sidebar-clean .category-header:active{background:var(--sb-hl-strong)}.sidebar-clean .subgroup-header{border-radius:8px 8px 0 0;transition:background .14s,color .14s;position:relative}.sidebar-clean .subgroup-header:before{content:"";background:0 0;border-radius:2px;width:2px;transition:background .14s;position:absolute;top:3px;bottom:5px;left:-2px}@media (hover:hover){.sidebar-clean .subgroup-header:hover{background:var(--sb-hl);color:#cfe0ff}.sidebar-clean .subgroup-header:hover:before{background:#7aa2f78c}}.sidebar-clean .subgroup-header:active{background:var(--sb-hl-strong)}.sidebar-clean .subgroup-header.sg-open{color:#a8c4ff;border-bottom-color:#7aa2f759}.sidebar-clean .subgroup-header.sg-open:before{background:var(--sb-accent)}.sidebar-clean .subgroup-header.sg-open .subgroup-arrow{color:var(--sb-accent)}.sidebar-clean .component-item{position:relative;overflow:hidden}.sidebar-clean .component-item:before{content:"";background:0 0;width:2px;transition:background .14s;position:absolute;top:0;bottom:0;left:0}@media (hover:hover){.sidebar-clean .component-item:hover{background:#262633;border-color:#7aa2f759}.sidebar-clean .component-item:hover:before{background:var(--sb-accent)}.sidebar-clean .component-item:hover .component-name{color:#fff}}.sidebar-clean .component-item:active{background:var(--sb-hl-strong);border-color:var(--sb-accent);transform:scale(.985)}.sidebar-clean .component-item:active:before{background:var(--sb-accent)}.sidebar-clean .component-item:focus-visible,.sidebar-clean .category-header:focus-visible,.sidebar-clean .subgroup-header:focus-visible{outline:2px solid var(--sb-accent);outline-offset:-2px}@media (width<=768px){.sidebar-clean .component-item{background:#1f1f2a;border-radius:12px;padding:11px}.sidebar-clean .component-item:active{background:#2c2c3c}.sidebar-clean .component-item:active .component-name{color:#e6e6f0}}.component-drag-handle{cursor:grab;color:#6c7086;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 4px;font-size:14px;line-height:1}.component-drag-handle:hover{color:#cdd6f4}.component-drag-handle:active{cursor:grabbing}.component-item.reorder-over{border-top:2px solid #89b4fa}:root{--sb-sel:#2f5aa8;--sb-sel-soft:#26478a;--sb-sel-line:#7aa2f7;--sb-open:#7aa2f733;--sb-open-sub:#7aa2f71c}.component-item.is-selected{background:linear-gradient(90deg, var(--sb-sel), var(--sb-sel-soft));box-shadow:inset 4px 0 #b6d0ff,0 1px 6px #2f5aa873}.component-item.is-selected .component-name{color:#fff;font-weight:700}.component-item.is-selected .component-size{color:#cfe0ff}.component-item.is-selected .component-icon{filter:none}.sidebar .category-header.active{background:var(--sb-open);color:#cfe0ff;box-shadow:inset 3px 0 0 var(--sb-sel-line)}.sidebar .category-header.active .category-name{font-weight:600}.sidebar .category-header.active .category-arrow{color:var(--sb-sel-line)}.sidebar .subgroup-header.sg-open{background:var(--sb-open);color:#dbe6ff;box-shadow:inset 2px 0 0 var(--sb-sel-line);border-color:#7aa2f780}.sidebar .subgroup-header.sg-open .subgroup-arrow{color:var(--sb-sel-line)}.sidebar .category-name{font-size:14px}.sidebar .category-count{font-size:11px}.sidebar .category-header{padding:11px 16px}.sidebar .subgroup-header{padding:7px 12px 7px 20px;font-size:12.5px}.sidebar .subgroup-count{font-size:10.5px}.sidebar .component-item{padding:10px 12px}.sidebar .component-name{font-size:13.5px}.sidebar .component-size{font-size:11.5px}.sidebar-clean .category-header.active{color:#eaf1ff;box-shadow:none;background:linear-gradient(90deg,#7aa2f74d,#7aa2f714)}.sidebar-clean .category-header.active .category-count{color:#d6e4ff;background:#7aa2f757}.sidebar-clean .subgroup-header.sg-open{background:var(--sb-open-sub);color:#cfe0ff;border-bottom-color:#7aa2f78c}.sidebar-clean .subgroup-header.sg-open .subgroup-count{color:#93a7d6}.sidebar-clean .component-item.is-selected{background:linear-gradient(90deg, var(--sb-sel), var(--sb-sel-soft));border-color:#b6d0ff;box-shadow:0 1px 8px #2f5aa880}.sidebar-clean .component-item.is-selected:before{background:#b6d0ff;width:4px}.sidebar-clean .component-item.is-selected .component-name{color:#fff;font-weight:700}.sidebar-clean .component-item.is-selected .component-size{color:#cfe0ff}.sidebar-clean .component-item.is-selected .component-level:before{opacity:1}.sidebar-clean .category-header{padding:12px;font-size:13.5px}.sidebar-clean .category-name{font-size:13.5px}.sidebar-clean .category-count{font-size:11px}.sidebar-clean .subgroup-header{letter-spacing:1.1px;padding:6px 6px 7px;font-size:11.5px}.sidebar-clean .subgroup-count{font-size:11px}.sidebar-clean .component-item{padding:11px 12px}.sidebar-clean .component-name{font-size:14px}.sidebar-clean .component-size{margin-top:4px;font-size:11.5px}.sidebar-clean .no-items{font-size:12.5px}.renderchat-overlay{z-index:60;background:#000000d1;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.renderchat-panel{background:#1e1e2e;border:1px solid #89b4fa40;border-radius:12px;flex-direction:column;width:min(460px,96%);max-height:92%;display:flex;overflow:hidden;box-shadow:0 8px 40px #0009}.renderchat-header{background:#89b4fa1f;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.renderchat-title{color:#cdd6f4;font-size:14px;font-weight:600}.renderchat-title small{color:#8a90a8;font-size:11px;font-weight:400}.renderchat-actions{gap:6px;display:flex}.renderchat-hbtn{color:#cdd6f4;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;width:28px;height:28px;font-size:13px}.renderchat-hbtn:hover:not(:disabled){background:#ffffff2e}.renderchat-hbtn:disabled{opacity:.4;cursor:not-allowed}.renderchat-thread{flex-direction:column;flex:1;gap:14px;padding:12px;display:flex;overflow-y:auto}.renderchat-empty{color:#8a90a8;text-align:center;padding:24px 8px;font-size:13px}.renderchat-version{flex-direction:column;gap:6px;display:flex}.renderchat-promptlabel{color:#cdd6f4;background:#89b4fa2e;border-radius:10px 10px 2px;align-self:flex-end;max-width:85%;padding:5px 10px;font-size:12px}.renderchat-imgwrap{border-radius:8px;position:relative;overflow:hidden}.renderchat-basis{border:1px dashed #89b4fa80}.renderchat-hint{color:#9399b2;padding:4px 2px 0;font-size:12px;line-height:1.5}.renderchat-hint b{color:#cdd6f4}.renderchat-img{width:100%;display:block}.renderchat-imgbar{background:linear-gradient(#0000,#0009);justify-content:space-between;align-items:center;padding:6px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.renderchat-ver{color:#fff;opacity:.9;font-size:11px;font-weight:600}.renderchat-dl{color:#1e1e2e;cursor:pointer;background:#a6e3a1f2;border:none;border-radius:6px;padding:4px 10px;font-size:13px}.renderchat-dl:hover{background:#a6e3a1}.renderchat-busy{color:#cdd6f4;text-align:center;padding:8px;font-size:13px}.renderchat-busy small{color:#8a90a8}.renderchat-spin{display:inline-block}.renderchat-error{color:#f38ba8;text-align:center;padding:6px 12px;font-size:12px}.renderchat-presets{flex-wrap:wrap;gap:6px;padding:8px 12px 0;display:flex}.renderchat-chip{color:#bac2de;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:4px 10px;font-size:11px}.renderchat-chip:hover:not(:disabled){color:#fff;background:#89b4fa33}.renderchat-chip:disabled{opacity:.4;cursor:not-allowed}.renderchat-inputrow{align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.renderchat-input{resize:none;color:#cdd6f4;background:#11111b;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.renderchat-input:focus{border-color:#89b4fa80;outline:none}.renderchat-input:disabled{opacity:.5}.renderchat-send{color:#1e1e2e;cursor:pointer;white-space:nowrap;background:#89b4faf2;border:none;border-radius:8px;min-width:44px;height:40px;padding:0 14px;font-size:15px;font-weight:700}.renderchat-send:disabled{opacity:.4;cursor:not-allowed}.renderchat-note{color:#6c7086;text-align:center;padding:0 12px 10px;font-size:11px}.level-buttons{gap:4px;display:flex}.color-preset-buttons{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.color-preset-btn{cursor:pointer;border:1px solid #45475a;border-radius:4px;padding:6px 4px;font-size:10px;font-weight:500;transition:all .15s}.color-preset-btn:hover{filter:brightness(1.15);border-color:#89b4fa}.color-preset-btn.reset{color:#cdd6f4;background:#313244}.prop-group.subpart{border-left:1px solid #45475a;margin-left:16px;padding-left:10px}.prop-group.subpart label{color:#a6adc8;font-size:11px}.subpart-tree{color:#6c7086;margin-right:4px;font-family:monospace}.level-btn{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;flex:1;padding:6px 8px;font-size:11px;transition:all .15s}.level-btn:hover{background:#45475a}.level-btn.active.level-floor{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa}.level-btn.active.level-wall{color:#1e1e2e;background:#f9e2af;border-color:#f9e2af}.level-btn.active.level-ceiling{color:#1e1e2e;background:#cba6f7;border-color:#cba6f7}.panel-type.level-wall{color:#1e1e2e;background:#f9e2af}.panel-type.level-ceiling{color:#1e1e2e;background:#cba6f7}.properties-panel{color:#cdd6f4;background:#1e1e2e;border-left:1px solid #313244;flex-direction:column;flex:none;width:clamp(250px,21vw,420px);min-width:250px;display:flex;overflow:hidden auto}.panel-content{min-width:0}@media (width<=1280px){.prop-row{flex-direction:column;gap:0}.prop-group-with-ral{grid-template-columns:1fr 32px 1fr 44px;gap:4px}}@media (width<=768px){.properties-panel{border-left:none;flex:1;width:100%;min-width:100%}}.panel-header{border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header h3{margin:0;font-size:14px;font-weight:600}.panel-type{color:#6c7086;background:#313244;border-radius:10px;padding:2px 8px;font-size:10px}.panel-content{flex:1;padding:12px 16px;overflow-y:auto}.prop-section{border-bottom:1px solid #313244;margin-bottom:16px;padding-bottom:16px}.prop-section h4,.summary-section h4{color:#89b4fa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:11px;font-weight:600}.prop-row{gap:8px;display:flex}.prop-group{flex:1;margin-bottom:8px}.prop-group label{color:#6c7086;margin-bottom:4px;font-size:11px;display:block}.prop-group input[type=number],.prop-group input[type=text],.prop-group select{color:#cdd6f4;box-sizing:border-box;background:#313244;border:1px solid #45475a;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:12px}.prop-group input:focus,.prop-group select:focus{border-color:#89b4fa}.prop-group input[type=number].out-of-range{color:#f38ba8;background:#f38ba814;border-color:#f38ba8}.prop-group input[type=number].out-of-range:focus{border-color:#f38ba8}.prop-group-with-ral{grid-template-columns:1fr 36px 1fr 50px;align-items:center;gap:6px}.ral-btn{color:#cdd6f4;cursor:pointer;letter-spacing:.5px;background:#45475a;border:1px solid #585b70;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:600;transition:all .15s}.ral-btn:hover{color:#89b4fa;background:#585b70;border-color:#89b4fa}.ral-badge{color:#f9e2af;letter-spacing:.3px;vertical-align:middle;background:#313244;border:1px solid #45475a;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-block}.ral-picker-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ral-picker{background:#1e1e2e;border:1px solid #45475a;border-radius:8px;flex-direction:column;width:min(900px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.ral-picker-header{border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ral-picker-header h4{color:#cdd6f4;margin:0;font-size:13px}.ral-close{color:#cdd6f4;cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;font-size:16px}.ral-close:hover{background:#313244}.ral-picker-search{border-bottom:1px solid #313244;padding:10px 16px}.ral-picker-search input{color:#cdd6f4;box-sizing:border-box;background:#313244;border:1px solid #45475a;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-size:12px}.ral-picker-search input:focus{border-color:#89b4fa}.ral-picker-tabs{border-bottom:1px solid #313244;flex-wrap:wrap;gap:4px;padding:8px 16px;display:flex}.ral-tab{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:14px;padding:4px 10px;font-size:11px;transition:all .15s}.ral-tab:hover{background:#45475a}.ral-tab.active{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa}.ral-picker-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;padding:12px 16px;display:grid;overflow-y:auto}.ral-swatch{aspect-ratio:1.6;cursor:pointer;border:1px solid #0003;border-radius:4px;padding:0;transition:transform .1s,box-shadow .15s;position:relative;overflow:hidden}.ral-swatch:hover{z-index:2;transform:scale(1.05);box-shadow:0 4px 12px #0006}.ral-swatch.selected{outline-offset:2px;outline:2px solid #89b4fa}.ral-swatch-label{text-shadow:0 1px 2px #0000004d;flex-direction:column;justify-content:flex-end;padding:4px 6px;font-size:9px;line-height:1.2;display:flex;position:absolute;inset:0}.ral-code{letter-spacing:.3px;font-weight:700}.ral-name{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.ral-empty{text-align:center;color:#6c7086;grid-column:1/-1;padding:30px;font-size:12px}.ral-picker-footer{color:#6c7086;border-top:1px solid #313244;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex}.ral-clear{color:#f38ba8;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;padding:4px 10px;font-size:11px}.ral-clear:hover{background:#45475a}.prop-group-row{grid-template-columns:90px 36px 1fr;align-items:center;gap:6px;display:grid}.prop-group-row label{margin-bottom:0}.prop-group-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #45475a;border-radius:4px;width:36px;height:28px;padding:0}.prop-group-row select{width:100%}.prop-group-row.material-only{grid-template-columns:130px 1fr}.prop-details{background:#1e1e2e;border:1px solid #313244;border-radius:4px;margin-top:8px;padding:6px 8px}.prop-details summary{cursor:pointer;color:#89b4fa;-webkit-user-select:none;user-select:none;padding:2px 0;font-size:11px}.prop-details[open] summary{margin-bottom:6px}.preset-buttons{flex-wrap:wrap;gap:4px;display:flex}.preset-btn{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;flex-direction:column;align-items:center;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.preset-btn:hover{background:#45475a;border-color:#89b4fa}.preset-size{color:#6c7086;margin-top:2px;font-size:9px}.rotation-controls{flex-direction:column;gap:6px;display:flex}.rotation-presets{gap:4px;display:flex}.rot-btn{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:3px;flex:1;padding:4px;font-size:10px;transition:all .15s}.rot-btn:hover{background:#45475a}.rot-btn.active{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa}.color-input-large{cursor:pointer;background:0 0;border:1px solid #45475a;border-radius:4px;height:32px;padding:2px;width:100%!important}.distances{flex-direction:column;gap:4px;display:flex}.distance-row{background:#313244;border-radius:3px;justify-content:space-between;padding:4px 8px;font-size:12px;display:flex}.distance-row span:first-child{color:#6c7086}.distance-row span:last-child{color:#f38ba8;font-weight:500}.summary-section{border-top:1px solid #313244;margin-top:16px;padding-top:16px}.summary-row{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.summary-row span:first-child{color:#6c7086}.summary-row span:last-child{color:#a6e3a1;font-weight:500}.material-add-inline{color:#a6e3a1;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;margin-left:4px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .15s}.material-add-inline:hover{background:#45475a;border-color:#a6e3a1}.material-reset-color{color:#f9e2af;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;margin-left:2px;padding:4px 7px;font-size:13px;transition:all .15s}.material-reset-color:hover{background:#45403a;border-color:#f9e2af}.material-editor-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.material-editor{background:#1e1e2e;border:1px solid #45475a;border-radius:8px;flex-direction:column;width:min(720px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.material-editor-header{border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.material-editor-header h4{color:#cdd6f4;margin:0;font-size:13px}.material-editor-close{color:#cdd6f4;cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;font-size:16px}.material-editor-close:hover{background:#313244}.material-editor-tabs{border-bottom:1px solid #313244;flex-wrap:wrap;gap:4px;padding:10px 16px;display:flex}.material-tab{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;padding:5px 10px;font-size:11px;transition:all .15s}.material-tab:hover{background:#45475a}.material-tab.active{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa;font-weight:600}.material-list{flex:1;min-height:200px;padding:8px 16px;overflow-y:auto}.material-empty{text-align:center;color:#6c7086;padding:30px;font-size:12px}.material-row{background:#181825;border:1px solid #313244;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex}.material-swatch{border:1px solid #45475a;border-radius:4px;flex-shrink:0;width:24px;height:24px;display:inline-block}.material-badge.ral{color:#f9e2af;background:#45403a;border:1px solid #5d5444}.material-color-row{align-items:center;gap:6px;display:flex}.material-color-input{cursor:pointer;background:0 0;border:1px solid #45475a;border-radius:4px;width:40px;height:32px;padding:0}.material-color-hex{flex:1;font-family:monospace}.material-row:hover{border-color:#45475a}.material-row-info{flex:1;min-width:0}.material-row-name{color:#cdd6f4;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.material-badge{letter-spacing:.3px;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-block}.material-badge.builtin{color:#6c7086;background:#313244;border:1px solid #45475a}.material-badge.no-band{color:#f38ba8;background:#4d2424;border:1px solid #6d3434}.material-badge.grain{color:#a6e3a1;background:#2d3d2d;border:1px solid #3d5d3d}.material-row-meta{color:#6c7086;margin-top:2px;font-size:10px}.material-row-actions{gap:4px;display:flex}.material-action{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .15s}.material-action:hover{background:#45475a}.material-action.pick{color:#a6e3a1;font-weight:600}.material-action.delete:hover{color:#f38ba8;background:#4d2424;border-color:#f38ba8}.material-editor-footer{border-top:1px solid #313244;justify-content:flex-end;padding:12px 16px;display:flex}.material-add-btn{color:#1e1e2e;cursor:pointer;background:#a6e3a1;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:600}.material-add-btn:hover{background:#94d590}.material-readonly-badge{color:#6c7086;margin-left:4px;font-size:11px;font-weight:400}.material-form-error{color:#f38ba8;background:#f38ba81f;border:1px solid #f38ba866;border-radius:4px;margin-bottom:12px;padding:8px 12px;font-size:12px}.material-form{padding:16px;overflow-y:auto}.material-form .form-row{margin-bottom:14px}.material-form .form-row>label{color:#a6adc8;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.material-form input[type=text],.material-form input[type=number]{color:#cdd6f4;box-sizing:border-box;background:#313244;border:1px solid #45475a;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-size:12px}.material-form input:focus{border-color:#89b4fa}.group-checkboxes{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.group-checkbox{color:#cdd6f4;cursor:pointer;background:#181825;border:1px solid #313244;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:flex}.group-checkbox:hover{border-color:#45475a}.thickness-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.thickness-cell{flex-direction:column;gap:3px;display:flex}.thickness-label{color:#6c7086;font-size:10px}.checkbox-row{cursor:pointer;align-items:center;gap:8px;font-size:12px;color:#cdd6f4!important;margin-bottom:0!important;display:flex!important}.material-form-actions{border-top:1px solid #313244;justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.material-form-cancel{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:4px;padding:8px 16px;font-size:12px}.material-form-cancel:hover{background:#45475a}.material-form-save{color:#1e1e2e;cursor:pointer;background:#a6e3a1;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:600}.material-form-save:hover:not(:disabled){background:#94d590}.material-form-save:disabled{opacity:.5;cursor:not-allowed}.glass-tint-swatches{gap:4px;margin-top:6px;display:flex}.glass-tint-swatch{cursor:pointer;border:1px solid #45475a;border-radius:4px;width:24px;height:24px;padding:0;transition:all .15s;position:relative}.glass-tint-swatch:hover{border-color:#89b4fa;transform:scale(1.1)}.glass-tint-swatch.active{border-width:2px;border-color:#89b4fa;box-shadow:0 0 0 1px #1e1e2e,0 0 0 3px #89b4fa}.parts-section h4{margin:0 0 8px}.parts-row{border-bottom:1px solid #f2f2f2;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.parts-row:last-child{border-bottom:none}.parts-label{color:#444;font-size:13px}.parts-color{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:5px;width:34px;height:24px;padding:0}.parts-controls{align-items:center;gap:6px;display:flex}.parts-material{border:1px solid #ccc;border-radius:5px;max-width:110px;padding:3px 4px;font-size:12px}.room-ctl-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.room-ctl-row:last-child{margin-bottom:0}.room-ctl-label{color:#6c7086;font-size:11px}.room-btn{color:#cdd6f4;cursor:pointer;white-space:nowrap;background:#313244;border:1px solid #45475a;border-radius:4px;flex:auto;min-width:0;padding:6px 10px;font-size:12px;transition:all .15s}.room-btn:hover{background:#45475a}.room-btn.active{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa}.room-btn.danger{color:#f38ba8;background:0 0;border-color:#f38ba8;flex:none}.room-btn.danger:hover{color:#1e1e2e;background:#f38ba8}.room-ctl-row .color-input{cursor:pointer;background:0 0;border:1px solid #45475a;border-radius:4px;flex:none;width:30px;height:26px;margin-right:6px;padding:1px}.opening-row{border:1px solid #3c3c46;border-radius:6px;margin-top:6px;padding:6px}.opening-head{align-items:center;gap:6px;font-size:12px;display:flex}.opening-head select{margin-left:auto;padding:2px 4px;font-size:12px}.opening-del{color:#e57373;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px}.opening-fields{grid-template-columns:1fr 1fr;gap:4px 8px;margin-top:6px;display:grid}.opening-fields label{opacity:.8;justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex}.opening-fields input{width:62px;padding:3px 4px;font-size:12px}.workorder-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.workorder-modal{color:#cdd6f4;background:#1e1e2e;border:1px solid #313244;border-radius:12px;flex-direction:column;width:600px;max-height:80vh;display:flex}.wo-header{border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wo-header h2{margin:0;font-size:16px}.wo-close{color:#6c7086;cursor:pointer;background:0 0;border:none;font-size:18px}.wo-body{flex:1;padding:20px;overflow-y:auto}.wo-field{margin-bottom:12px}.wo-field label{color:#6c7086;margin-bottom:4px;font-size:12px;display:block}.wo-field input,.wo-field textarea{color:#cdd6f4;box-sizing:border-box;background:#313244;border:1px solid #45475a;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-size:13px}.wo-field input:focus,.wo-field textarea:focus{border-color:#89b4fa}.wo-body h3{color:#89b4fa;margin:16px 0 8px;font-size:13px}.wo-table{border:1px solid #313244;border-radius:4px;max-height:200px;overflow-y:auto}.wo-table table{border-collapse:collapse;width:100%;font-size:12px}.wo-table th{text-align:left;color:#a6adc8;background:#313244;padding:6px 10px;position:sticky;top:0}.wo-table td{border-bottom:1px solid #313244;padding:6px 10px}.wo-summary{background:#313244;border-radius:6px;margin-top:12px;padding:10px;font-size:13px}.wo-summary p{margin:4px 0}.wo-summary strong{color:#a6e3a1}.wo-footer{border-top:1px solid #313244;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.wo-btn{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:6px;padding:8px 20px;font-size:13px}.wo-btn.primary{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa}.wo-btn:disabled{opacity:.4;cursor:not-allowed}.workorder-success{text-align:center;padding:40px 20px}.workorder-success h2{color:#a6e3a1;margin-bottom:16px}.workorder-success p{color:#a6adc8;margin:6px 0}@media (width<=768px){.workorder-modal{border-radius:8px;width:95vw;max-height:90vh}.wo-table table{font-size:11px}}.cutting-modal{color:#cdd6f4;background:#1e1e2e;border:1px solid #313244;border-radius:12px;flex-direction:column;width:750px;max-height:85vh;display:flex}.cutting-body{flex:1;padding:20px;overflow-y:auto}.sheet-config{background:#313244;border-radius:8px;gap:16px;margin-bottom:16px;padding:12px;display:flex}.sheet-config label{color:#6c7086;flex-direction:column;gap:4px;font-size:11px;display:flex}.sheet-config input{color:#cdd6f4;background:#45475a;border:1px solid #585b70;border-radius:4px;outline:none;width:100px;padding:6px 8px;font-size:13px}.sheet-config input:focus{border-color:#89b4fa}.cutting-summary{background:#313244;border-radius:8px;gap:12px;margin-bottom:16px;padding:12px;display:flex}.cs-item{text-align:center;flex:1}.cs-item span{color:#6c7086;margin-bottom:4px;font-size:11px;display:block}.cs-item strong{color:#a6e3a1;font-size:16px}.cs-item strong.warn{color:#f38ba8}.cs-item strong.good{color:#a6e3a1}.parts-list-section{border:1px solid #313244;border-radius:6px;margin-bottom:16px;overflow:hidden}.parts-list-section summary{cursor:pointer;color:#89b4fa;background:#313244;padding:10px 14px;font-size:12px;font-weight:500}.parts-list-section summary:hover{background:#45475a}.parts-list-section .bom-table{border-collapse:collapse;width:100%;font-size:12px}.parts-list-section .bom-table th{text-align:left;color:#a6adc8;background:#2a2a3a;padding:6px 10px;font-weight:600}.parts-list-section .bom-table td{border-bottom:1px solid #2a2a3a;padding:5px 10px}.material-group{background:#11111b;border:1px solid #313244;border-radius:8px;margin-bottom:32px;padding:14px}.material-group-header{border-bottom:1px solid #313244;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.material-group-header h3{color:#cdd6f4;margin:0;font-size:15px;font-weight:600}.material-group-stats{color:#6c7086;align-items:center;gap:6px;font-size:11px;display:flex}.material-group-stats .warn{color:#f38ba8}.material-group-stats .good{color:#a6e3a1}.sheet-config-inline{flex-wrap:wrap;align-items:center;margin:0 0 14px;padding:8px 10px}.sheet-config-inline label{flex-direction:row;align-items:center;gap:6px}.sheet-config-inline input{width:70px}.sheet-config-hint{color:#6c7086;margin-left:auto;font-size:11px;font-style:italic}.skipped-notice{color:#a6adc8;background:#89b4fa1a;border:1px solid #45475a;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:12px}.sheet-container{margin-bottom:16px}.sheet-container h3,.sheet-container h4{color:#89b4fa;margin:0 0 8px;font-size:12px;font-weight:500}.sheet-svg{background:#11111b;border-radius:4px;max-width:100%;display:block}@media (width<=768px){.cutting-modal{width:95vw;max-height:90vh}.cutting-summary{flex-wrap:wrap}.sheet-config{flex-direction:column;gap:8px}.sheet-svg{max-width:100%;overflow-x:auto}}.bom-modal{color:#cdd6f4;background:#1e1e2e;border:1px solid #313244;border-radius:12px;flex-direction:column;width:780px;max-height:85vh;display:flex}.bom-body{flex:1;padding:20px;overflow-y:auto}.bom-summary{background:#313244;border-radius:8px;gap:16px;margin-bottom:20px;padding:14px;display:flex}.bom-stat{text-align:center;flex:1}.bom-stat span{color:#6c7086;margin-bottom:4px;font-size:11px;display:block}.bom-stat strong{color:#a6e3a1;font-size:18px}.bom-component{border-bottom:1px solid #313244;margin-bottom:20px;padding-bottom:16px}.bom-component h3{color:#89b4fa;margin:0 0 10px;font-size:14px}.bom-section{border-top:2px solid #45475a;margin-top:20px;padding-top:16px}.bom-section h3{color:#f9e2af;margin:0 0 10px;font-size:14px}.bom-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:12px}.bom-table th{text-align:left;color:#a6adc8;background:#313244;padding:6px 10px;font-weight:600;position:sticky;top:0}.bom-table td{border-bottom:1px solid #2a2a3a;padding:5px 10px}.bom-table tr:hover td{background:#2a2a3a}.edge-cell{gap:3px;display:flex}.edge-badge{color:#a6e3a1;background:#45475a;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:inline-flex}.no-edge{color:#45475a}.bom-hw-inline{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.hw-label{color:#6c7086;font-size:11px}.hw-tag{color:#cdd6f4;background:#313244;border-radius:4px;padding:3px 8px;font-size:11px}.color-dot{vertical-align:middle;border:1px solid #45475a;border-radius:2px;width:12px;height:12px;margin-right:6px;display:inline-block}.no-data{text-align:center;color:#6c7086;padding:40px 0;font-style:italic}.bom-tabs{border-bottom:1px solid #313244;gap:4px;margin-bottom:16px;display:flex}.bom-tab{color:#6c7086;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 14px;font-size:12px;font-weight:500;transition:all .15s}.bom-tab:hover{color:#cdd6f4}.bom-tab.active{color:#89b4fa;border-bottom-color:#89b4fa}.bom-hint{color:#6c7086;margin:0 0 12px;font-size:11px;font-style:italic}.used-in-cell{flex-wrap:wrap;gap:4px;display:flex}.used-in-tag{color:#cdd6f4;white-space:nowrap;background:#313244;border-radius:3px;padding:2px 6px;font-size:10px}.used-in-tag small{color:#a6e3a1;margin-left:2px;font-weight:600}@media (width<=768px){.bom-modal{width:95vw;max-height:90vh}.bom-summary{flex-wrap:wrap}.bom-stat{flex:30%}.bom-table{font-size:11px}}.bom-header-actions{align-items:center;gap:10px;display:flex}.bom-export-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2f7d4f;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600}.bom-export-btn:hover{background:#276841}.works-modal{color:#cdd6f4;background:#1e1e2e;border:1px solid #313244;border-radius:12px;flex-direction:column;width:620px;max-width:94vw;max-height:85vh;display:flex}.works-body{flex:1;padding:20px;overflow-y:auto}.works-save{align-items:center;gap:8px;display:flex}.works-name{color:#cdd6f4;background:#313244;border:1px solid #45475a;border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.works-name:focus{border-color:#89b4fa;outline:none}.works-hint{color:#6c7086;margin:10px 0 16px;font-size:12px}.works-error{color:#f38ba8;background:#45293a;border:1px solid #f38ba8;border-radius:6px;margin-bottom:12px;padding:8px 10px;font-size:12px}.works-list{border-top:1px solid #313244}.works-row{border-bottom:1px solid #313244;align-items:center;gap:10px;padding:10px 8px;display:flex}.works-row.active{background:#2a2a3c;border-left:3px solid #a6e3a1}.works-thumb{object-fit:cover;background:#313244;border:1px solid #45475a;border-radius:4px;flex-shrink:0;width:72px;height:48px}.works-thumb-empty{opacity:.4;justify-content:center;align-items:center;font-size:18px;display:flex}.works-row-main{flex:1;min-width:0}.works-row-name{color:#cdd6f4;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.works-row-meta{color:#6c7086;margin-top:2px;font-size:11px;display:block}.works-row-actions{flex-shrink:0;gap:6px;display:flex}.works-empty{text-align:center;color:#6c7086;padding:24px;font-size:13px}.works-trash{border-top:1px solid #313244;margin-top:10px;padding-top:8px}.works-trash-toggle{color:#a6adc8;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:12px}.works-trash-toggle:hover{color:#cdd6f4}.works-row-deleted{opacity:.72}.works-row-deleted .works-row-name{text-decoration:line-through}.works-warn{color:#f9e2af}.works-note{color:#cdd6f4;width:100%;font:inherit;resize:vertical;background:#313244;border:1px solid #45475a;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:12px}.works-note:focus{border-color:#89b4fa;outline:none}.works-row-note{color:#9399b2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.users-panel{color:#cdd6f4;background:#1e1e2e;border:1px solid #313244;border-radius:12px;flex-direction:column;width:640px;max-width:94vw;max-height:85vh;display:flex}.up-head{border-bottom:1px solid #313244;align-items:center;gap:10px;padding:14px 18px;display:flex}.up-title{font-size:15px;font-weight:600}.up-count{color:#9399b2;margin-left:auto;font-size:12px}.up-x{color:#9399b2;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.up-x:hover{color:#f38ba8}.up-body{flex:1;padding:12px 14px;overflow-y:auto}.up-error{color:#f38ba8;background:#3a2233;border:1px solid #6d3049;border-radius:6px;margin:10px 14px 0;padding:8px 10px;font-size:12px}.up-note{color:#9399b2;padding:8px 14px;font-size:12px}.up-note.dim{opacity:.8}.up-row{background:#181825;border:1px solid #313244;border-radius:8px;margin-bottom:8px}.up-row.off{opacity:.55}.up-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:9px 11px;font-size:13px;display:flex}.up-main:hover{background:#232336;border-radius:8px}.up-who{flex-direction:column;flex:1;min-width:0;display:flex}.up-who b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.up-mail{color:#9399b2;font-size:11px}.up-role{color:#bac2de;border:1px solid #45475a;border-radius:999px;padding:2px 7px;font-size:11px}.up-role.admin{color:#89b4fa;border-color:#89b4fa}.up-role.usta{color:#a6e3a1;border-color:#a6e3a1}.up-role.kesim{color:#f9e2af;border-color:#f9e2af}.up-last{color:#9399b2;white-space:nowrap;font-size:11px}.up-off{color:#f9e2af;font-size:11px}.up-me{color:#cba6f7;font-size:11px}.up-go{color:#9399b2}.up-edit{border-top:1px solid #313244;flex-direction:column;gap:8px;padding:10px 11px;display:flex}.up-field{align-items:center;gap:8px;font-size:12px;display:flex}.up-field>span{color:#9399b2;flex:none;width:62px}.up-field input,.up-field select{color:#cdd6f4;background:#313244;border:1px solid #45475a;border-radius:6px;flex:1;padding:6px 9px;font-size:12px}.up-field input:focus,.up-field select:focus{border-color:#89b4fa;outline:none}.up-actions{flex-wrap:wrap;gap:8px;display:flex}.up-actions button{color:#cdd6f4;cursor:pointer;background:#313244;border:1px solid #45475a;border-radius:6px;padding:6px 11px;font-size:12px}.up-actions button:hover:not(:disabled){background:#45475a}.up-actions button:disabled{opacity:.4;cursor:default}.up-actions .up-primary{color:#1e1e2e;background:#89b4fa;border-color:#89b4fa;font-weight:600}.up-add{color:#cdd6f4;cursor:pointer;background:#313244;border:1px dashed #585b70;border-radius:8px;margin:0 14px 14px;padding:9px;font-size:13px}.up-add:hover{background:#45475a}.up-new{background:#181825;border:1px solid #313244;border-radius:8px;flex-direction:column;gap:8px;margin:0 14px 14px;padding:12px;display:flex}.users-overlay{z-index:1200;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scene-appearance{z-index:1400;color:#e8e8ec;background:#1e1e24;border:1px solid #34343d;border-radius:10px;flex-direction:column;width:340px;max-height:70vh;font-size:13px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 32px #00000073}.sa-header{border-bottom:1px solid #34343d;align-items:center;gap:8px;padding:10px 12px;display:flex}.sa-title{font-weight:600}.sa-scope{color:#9a9aa6;background:#2a2a32;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px}.sa-close{color:#9a9aa6;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px}.sa-close:hover{color:#fff}.sa-scopes{border-bottom:1px solid #34343d;gap:6px;padding:8px 12px;display:flex}.sa-scope-btn{color:#c8c8d0;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;flex:1;padding:6px 4px;font-size:12px}.sa-scope-btn:hover{background:#34343d}.sa-scope-btn.active{color:#fff;background:#3a5a8c;border-color:#4a70a8}.sa-body{padding:6px 0;overflow-y:auto}.sa-empty{color:#9a9aa6;text-align:center;padding:16px 12px}.sa-row{align-items:center;gap:8px;padding:6px 12px;display:flex}.sa-row+.sa-row{border-top:1px solid #26262e}.sa-row-form{background:#23232b}.sa-label{flex:none;align-items:center;gap:6px;min-width:96px;display:flex}.sa-count{color:#9a9aa6;background:#2a2a32;border-radius:8px;padding:1px 6px;font-size:10px}.sa-ral{color:#c8c8d0;border:1px solid #44444f;border-radius:4px;padding:0 4px;font-size:10px}.sa-controls{align-items:center;gap:6px;margin-left:auto;display:flex}.sa-material{color:#e8e8ec;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;max-width:110px;padding:4px 6px;font-size:12px}.sa-color{cursor:pointer;background:0 0;border:1px solid #3c3c46;border-radius:6px;width:34px;height:28px;padding:0}.sa-color.mixed{border:2px dashed #d9a441}.sa-btn{color:#c8c8d0;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;padding:4px 8px;font-size:11px}.sa-btn:hover{color:#fff;background:#34343d}.sa-footer{border-top:1px solid #34343d;padding:8px 12px}.sa-undo{color:#e8e8ec;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;width:100%;padding:8px;font-size:13px}.sa-undo:hover:not(:disabled){background:#34343d}.sa-undo:disabled{opacity:.4;cursor:default}.overlay-mode .scene-appearance{border-bottom:none;border-left:none;border-right:none;border-radius:12px 12px 0 0;width:auto;max-height:55vh;bottom:0;left:0;right:0}.overlay-mode .sa-row{padding:8px 14px}.overlay-mode .sa-material{max-width:140px;padding:8px;font-size:13px}.overlay-mode .sa-color{width:44px;height:36px}.overlay-mode .sa-btn{padding:8px 10px;font-size:12px}.sa-detail-toggle{text-align:left;color:#cfcfd6;cursor:pointer;background:#22222a;border:1px solid #33333d;border-radius:6px;width:100%;margin:6px 0 2px;padding:6px 9px;font-size:12px}.sa-detail-toggle:hover{background:#2a2a33}.sa-detail-toggle b{color:#8fa8d8;margin:0 4px}.context-strip{z-index:1350;color:#e8e8ec;background:#1e1e24;border:1px solid #34343d;border-radius:10px;max-width:min(940px,100vw - 32px);font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000073}.context-strip.shifted{max-width:calc(100vw - 404px);left:auto;right:372px;transform:none}.cs-row{align-items:center;gap:8px;padding:8px 10px;display:flex}.cs-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:600;overflow:hidden}.cs-btn{color:#e8e8ec;cursor:pointer;white-space:nowrap;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;padding:7px 10px;font-size:13px}.cs-btn:hover:not(:disabled){background:#34343d}.cs-btn:disabled{opacity:.4;cursor:default}.cs-btn.danger{color:#e57373}.cs-btn.on{color:#dbe9f7;background:#3a4a5e;border-color:#5b7fa6}.cs-close{color:#9a9aa6;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px}.cs-close:hover{color:#fff}.cs-scope{color:#e8e8ec;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;padding:6px;font-size:12px}.cs-swatch{cursor:pointer;align-items:center;gap:5px;display:flex}.cs-swatch-label{color:#9a9aa6;font-size:12px}.cs-swatch input[type=color]{cursor:pointer;background:0 0;border:1px solid #3c3c46;border-radius:6px;width:32px;height:28px;padding:0}.cs-swatch input[type=color].mixed{border:2px dashed #d9a441}.cs-cards{flex-wrap:wrap;gap:8px;display:flex}.cs-card{color:#e8e8ec;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:86px;padding:8px 4px;display:flex}.cs-card:hover{background:#34343d;border-color:#4a70a8}.cs-card-icon{font-size:20px;line-height:1}.cs-card-name{text-align:center;max-height:2.4em;font-size:11px;line-height:1.2;overflow:hidden}.cs-card-w{color:#9a9aa6;font-size:10px}.cs-fields{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cs-field{align-items:center;gap:6px;display:flex}.cs-field-label{color:#9a9aa6;font-size:12px}.cs-field select{color:#e8e8ec;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;padding:5px 6px;font-size:12px}.cs-stepper{background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;align-items:center;display:flex;overflow:hidden}.cs-stepper button{color:#e8e8ec;cursor:pointer;background:0 0;border:none;padding:5px 9px;font-size:15px;line-height:1}.cs-stepper button:hover:not(:disabled){background:#3c3c46}.cs-stepper button:disabled{opacity:.3;cursor:default}.cs-stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:20px}.cs-note{color:#9a9aa6;font-size:12px}.overlay-mode .context-strip{border-bottom:none;border-left:none;border-right:none;border-radius:12px 12px 0 0;max-width:none;bottom:0;left:0;right:0;transform:none}.overlay-mode .cs-row{padding:10px 12px;overflow-x:auto}.overlay-mode .cs-btn{padding:10px 12px}.overlay-mode .cs-card{width:96px;padding:10px 6px}.devagent-panel{color:#e8e8ea;z-index:1000;background:#1e1e24;flex-direction:column;width:min(440px,100%);height:100%;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #0006}.devagent-actions{gap:4px;display:flex}.devagent-hbtn{color:#b0b0b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:16px;line-height:1}.devagent-hbtn:hover{color:#fff;background:#33333d}.devagent-header{background:#26262e;border-bottom:1px solid #33333d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.devagent-title{font-size:15px;font-weight:600}.devagent-title small{color:#8a8a95;font-weight:400}.devagent-close{color:#b0b0b8;cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:18px}.devagent-close:hover{color:#fff}.devagent-thread{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.devagent-empty{color:#7a7a85;text-align:center;margin-top:40px;font-size:13px;line-height:1.5}.devagent-msg{flex-direction:column;gap:6px;display:flex}.devagent-bubble{white-space:pre-wrap;word-break:break-word;border-radius:10px;padding:9px 12px;font-size:13.5px;line-height:1.45}.devagent-ask{color:#fff;background:#3a5bd9;border-bottom-right-radius:3px;align-self:flex-end;max-width:85%}.devagent-reply{background:#2c2c36;border:1px solid #3a3a46;border-bottom-left-radius:3px;align-self:flex-start;max-width:90%}.devagent-waiting{color:#8a8a95;font-style:italic}.devagent-reply{padding-right:26px;position:relative}.devagent-speak{color:#8a8a95;cursor:pointer;opacity:.55;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1;position:absolute;bottom:3px;right:4px}.devagent-speak:hover{opacity:1;color:#fff}.devagent-speak:disabled{cursor:default;opacity:.8;color:#b0b0b8}.devagent-speak.on{opacity:1;color:#7fd1a0}.devagent-thumb{border-radius:6px;max-width:100%;margin-bottom:6px;display:block}.devagent-thumb-loading{color:#ffffffb3;margin-bottom:6px;font-size:12px}.devagent-error{color:#ff8a8a;background:#2a1e1e;padding:8px 16px;font-size:12.5px}.devagent-input-row{background:#26262e;border-top:1px solid #33333d;gap:8px;padding:12px;display:flex}.devagent-attach{color:#b0b0b8;cursor:pointer;background:#1a1a20;border:1px solid #3a3a46;border-radius:8px;flex:none;align-self:flex-end;width:38px;height:38px;padding:0;font-size:16px;overflow:hidden}.devagent-attach:hover{border-color:#55555f}.devagent-attach.has-photo{border-color:#3a5bd9}.devagent-attach img{object-fit:cover;width:100%;height:100%;display:block}.devagent-draw{color:#b0b0b8;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0 2px 8px;font-size:16px;line-height:1}.devagent-draw:hover{color:#fff}.devagent-attach-x{color:#8a8a95;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0 2px 10px;font-size:13px;line-height:1}.devagent-attach-x:hover{color:#ff8a8a}.devagent-mic{color:#b0b0b8;cursor:pointer;white-space:nowrap;background:#1a1a20;border:1px solid #3a3a46;border-radius:8px;flex:none;align-self:flex-end;min-width:38px;height:38px;padding:0 8px;font-size:15px}.devagent-mic:hover{border-color:#55555f}.devagent-mic:disabled{opacity:.6;cursor:default}.devagent-mic.rec{color:#ff9a9a;border-color:#d94a4a;animation:1.2s ease-in-out infinite devagent-mic-pulse}@keyframes devagent-mic-pulse{0%,to{background:#1a1a20}50%{background:#3a1e1e}}.devagent-input{resize:none;color:#e8e8ea;background:#1a1a20;border:1px solid #3a3a46;border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:13.5px}.devagent-input:focus{border-color:#3a5bd9;outline:none}.devagent-send{color:#fff;cursor:pointer;background:#3a5bd9;border:none;border-radius:8px;align-self:flex-end;padding:9px 16px;font-size:13.5px}.devagent-send:disabled{opacity:.5;cursor:default}.devagent-send:not(:disabled):hover{background:#2f4ec0}.devagent-fab{z-index:900;color:#fff;cursor:pointer;background:#3a3a46;border:1px solid #55555f;border-radius:22px;padding:9px 15px;font-size:13px;position:fixed;bottom:18px;right:18px;box-shadow:0 3px 12px #0000004d}.devagent-fab:hover{background:#45454f}.login-screen{background:#11111b;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;display:flex}.login-card{background:#1e1e2e;border:1px solid #313244;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px 28px;display:flex;box-shadow:0 10px 30px #0006}.login-title{color:#cdd6f4;margin:0;font-size:22px;font-weight:600}.login-subtitle{color:#6c7086;margin:-8px 0 8px;font-size:13px}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{color:#a6adc8;font-size:12px;font-weight:500}.login-field input{color:#cdd6f4;background:#313244;border:1px solid #45475a;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s}.login-field input:focus{border-color:#89b4fa}.login-field input:disabled{opacity:.6}.login-error{color:#f38ba8;background:#f38ba81f;border:1px solid #f38ba866;border-radius:6px;padding:8px 12px;font-size:13px}.login-submit{color:#11111b;cursor:pointer;background:#89b4fa;border:none;border-radius:6px;margin-top:4px;padding:11px;font-size:14px;font-weight:600;transition:background .15s}.login-submit:hover:not(:disabled){background:#b4befe}.login-submit:disabled{opacity:.5;cursor:not-allowed}.app{background:#11111b;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.sidebar-wrap,.canvas-wrap,.props-wrap{display:contents}.overlay-mode .app-body{position:relative}.overlay-mode .sidebar-wrap,.overlay-mode .props-wrap{z-index:45;will-change:transform;width:min(360px,86vw);transition:transform .22s;display:block;position:absolute;top:0;bottom:0}.overlay-mode .sidebar-wrap{left:0;transform:translate(-101%)}.overlay-mode .props-wrap{right:0;transform:translate(101%)}.overlay-mode .sidebar-wrap.open,.overlay-mode .props-wrap.open{transform:none;box-shadow:0 0 30px #0000008c}.overlay-mode .sidebar-wrap .sidebar,.overlay-mode .props-wrap .properties-panel{width:100%;min-width:0;max-width:none;height:100%}.overlay-mode .canvas-wrap{flex:1;min-width:0;display:flex;overflow:hidden}.panel-backdrop{z-index:44;background:#00000059;position:absolute;inset:0}.panel-close{z-index:2;color:#cdd6f4;cursor:pointer;background:#1e1e2ee6;border:1px solid #45475a;border-radius:6px;width:30px;height:30px;font-size:13px;position:absolute;top:6px;right:8px}.panel-close:hover{color:#89b4fa;border-color:#89b4fa}.panel-edge{z-index:30;color:#bac2de;cursor:pointer;background:#1e1e2eeb;border:1px solid #45475a;width:30px;height:56px;padding:0;font-size:15px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #00000059}.panel-edge.left{border-left:none;border-radius:0 10px 10px 0;left:0}.panel-edge.right{border-right:none;border-radius:10px 0 0 10px;right:0}.panel-edge:hover{color:#89b4fa;border-color:#89b4fa}.panel-edge.marked{color:#f9e2af;border-color:#f9e2af}.restore-banner{z-index:60;background:#1e1e2e;border:1px solid #45475a;border-left:3px solid #f9e2af;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;max-width:min(92vw,720px);padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}.restore-text{color:#cdd6f4;margin-right:4px;font-size:12px}.restore-text strong{color:#f9e2af}.pen-app{touch-action:none;background:#11111b;position:fixed;inset:0;overflow:hidden}.pen-app canvas{touch-action:none}.pen-tools{z-index:40;flex-direction:column;gap:8px;display:flex;position:fixed;top:14px;right:14px}.pen-toggle{color:#e8e8ec;cursor:pointer;z-index:40;background:#1e1e24;border:1px solid #34343d;border-radius:12px;width:46px;height:46px;font-size:20px}.pen-toggle.on{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e40}.pen-bottom{z-index:40;background:#1e1e24eb;border:1px solid #34343d;border-radius:12px;align-items:center;gap:10px;padding:7px 12px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.pen-bottom button{color:#e8e8ec;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:8px;min-width:40px;height:38px;font-size:15px}.pen-bottom button:disabled{opacity:.35;cursor:default}.pen-bottom button.pen-on{color:#d7f5de;background:#2f4a34;border-color:#3f6b48}.pen-clean-x{color:#e8e8ec;cursor:pointer;opacity:.35;z-index:60;background:#1e1e2459;border:1px solid #ffffff2e;border-radius:17px;width:34px;height:34px;font-size:14px;transition:opacity .15s;position:absolute;top:10px;right:10px}.pen-clean-x:hover{opacity:1}.pen-count{color:#9a9aa6;text-align:center;min-width:68px;font-size:12px}.pen-toast{z-index:50;pointer-events:none;border-radius:9px;max-width:min(520px,92vw);padding:8px 14px;font-size:13px;position:fixed;bottom:66px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000080}.pen-toast.ok{color:#d7f5de;background:#2f4a34;border:1px solid #3f6b48}.pen-toast.err{color:#f5d7d7;background:#4a2f2f;border:1px solid #6b3f3f}.pen-live{color:#06240f;white-space:nowrap;pointer-events:none;background:#22c55eeb;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:700}.pen-menu{background:#1e1e24f2;border:1px solid #34343d;border-radius:12px;gap:6px;padding:6px;display:flex;box-shadow:0 10px 26px #00000080}.pen-menu button{color:#e8e8ec;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:10px;width:42px;height:42px;font-size:17px}.pen-menu button:hover:not(:disabled){background:#34343d}.pen-menu button:disabled{opacity:.35;cursor:default}.pen-menu button.danger{color:#e57373}.pen-menu button.x{color:#9a9aa6;background:0 0;border:none;width:30px}.pen-dock{z-index:45;overscroll-behavior:contain;max-height:calc(100vh - 150px);position:fixed;bottom:70px;right:14px;overflow-y:auto}@media (width<=720px){.pen-dock{left:8px;right:8px}.pen-dock .pen-card{width:auto}}.pen-card{color:#e8e8ec;background:#1e1e24f7;border:1px solid #34343d;border-radius:12px;width:300px;padding:10px;font-size:13px;box-shadow:0 12px 30px #0000008c}.pm-head{align-items:center;gap:8px;margin-bottom:8px;font-weight:600;display:flex}.pm-head span{flex:1}.pm-head .back,.pm-head .x{color:#9a9aa6;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.pm-scope{gap:4px;margin-bottom:9px;display:flex}.pm-scope button{color:#9a9aa6;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:7px;flex:1;padding:6px;font-size:12px}.pm-scope button.on{color:#fff;background:#4a70a8;border-color:#4a70a8}.pm-group{color:#6f7280;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #34343d;margin:10px 0 6px;padding-top:8px;font-size:11px}.pm-group:first-of-type{border-top:none;margin-top:0;padding-top:0}.pm-scope button b{opacity:.85;margin-left:3px;font-weight:700}.pm-drill{color:#e8e8ec;text-align:left;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:8px;width:100%;margin-top:4px;padding:9px 10px;font-size:13px}.pm-drill:hover{background:#34343d}.pm-drill b{color:#9a9aa6;font-weight:600}.pm-rowmeta{gap:8px;display:flex}.pm-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.pm-label{color:#9a9aa6;min-width:64px;font-size:12px}.pm-note{color:#9a9aa6;font-size:12px}.pen-catalog{z-index:45;width:min(340px,86vw);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:0 0 30px #0009}.pen-catalog .sidebar{width:100%;min-width:0;max-width:none;height:100%}.pen-catalog-x{z-index:2;color:#e8e8ec;cursor:pointer;background:#1e1e24e6;border:1px solid #3c3c46;border-radius:7px;width:28px;height:28px;position:absolute;top:6px;right:8px}.pm-unit{color:#9a9aa6;font-size:11px}.pm-note.dim{opacity:.55}.pm-chips2{flex-wrap:wrap;gap:4px;display:flex}.pm-chips2 button{color:#9a9aa6;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:999px;padding:5px 9px;font-size:11px}.pm-chips2 button.on{color:#fff;background:#4a70a8;border-color:#4a70a8}.pm-toggle{color:#9a9aa6;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:7px;padding:5px 11px;font-size:12px}.pm-toggle.on{color:#fff;background:#2f7d4f;border-color:#2f7d4f}.pm-special{color:#9a9aa6;background:#26262e;border:1px solid #34343d;border-radius:8px;margin-top:6px;padding:8px 9px;font-size:11px;line-height:1.45}.pm-rowbody{flex-direction:column;flex:1;gap:5px;display:flex}.pm-mat{color:#e8e8ec;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;width:100%;padding:5px 6px;font-size:12px}.pm-mat.wide{padding:8px;font-size:12.5px}.pen-ral-search{color:#e8e8ec;background:#23232b;border:1px solid #3c3c46;border-radius:8px;width:100%;margin:6px 0;padding:7px 9px;font-size:13px}.pen-ral-tabs{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.pen-ral-tabs button{color:#b9b9c4;cursor:pointer;background:#23232b;border:1px solid #3c3c46;border-radius:7px;padding:4px 8px;font-size:11px}.pen-ral-tabs button.on{color:#d7f5de;background:#2f4a34;border-color:#3f6b48}.pen-ral-cur{color:#9a9aa6;align-items:center;gap:7px;margin-bottom:6px;font-size:11px;display:flex}.pen-ral-cur .sw{border:1px solid #4a4a56;border-radius:5px;width:18px;height:18px}.pen-ral-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:4px;max-height:240px;padding:2px;display:grid;overflow-y:auto}.pen-ral-sw{cursor:pointer;border:1px solid #ffffff24;border-radius:6px;height:30px}.pen-ral-sw.on{box-shadow:0 0 0 2px #89b4fa}.pm-ral-btn{color:#cfcfda;letter-spacing:.04em;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;padding:3px 7px;font-size:10px}.pm-swatches{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pm-swatches .sw{cursor:pointer;border:1px solid #4a4a56;border-radius:6px;width:24px;height:24px;padding:0}.pm-swatches .sw.on{box-shadow:0 0 0 2px #89b4fa}.pm-cards{flex-wrap:wrap;gap:6px;display:flex}.pm-card{color:#e8e8ec;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:9px;flex-direction:column;align-items:center;gap:2px;width:66px;padding:8px 4px;display:flex}.pm-card:hover{border-color:#4a70a8}.pm-card.on{background:#34343d;border-color:#89b4fa}.pm-cards.sm .pm-card{width:58px;padding:7px 3px}.pm-card .ic{font-size:18px;line-height:1}.pm-card .nm{text-align:center;font-size:10px;line-height:1.15}.pm-card .w{color:#9a9aa6;font-size:9px}.pm-chips{border-top:1px solid #34343d;flex-wrap:wrap;gap:6px;margin-top:9px;padding-top:9px;display:flex}.pm-chips button{color:#e8e8ec;cursor:pointer;background:#2a2a32;border:1px solid #3c3c46;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:flex}.pm-chips button:hover{border-color:#4a70a8}.pm-chips b{color:#9a9aa6;font-size:11px;font-weight:600}.pm-groupback{color:#9a9aa6;cursor:pointer;background:0 0;border:none;padding:0 0 8px;font-size:12px}.pm-groupback:hover{color:#e8e8ec}.pm-more select{color:#e8e8ec;background:#2a2a32;border:1px solid #3c3c46;border-radius:6px;padding:5px 6px;font-size:12px}.pm-step{background:#2a2a32;border:1px solid #3c3c46;border-radius:7px;align-items:center;display:flex}.pm-step button{color:#e8e8ec;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:15px}.pm-step button:disabled{opacity:.3;cursor:default}.pm-step span{text-align:center;font-variant-numeric:tabular-nums;min-width:20px}.pm-step.wide button{padding:5px 7px;font-size:13px}.pm-step.wide span{min-width:28px}.pm-step input{color:#e8e8ec;text-align:center;width:46px;font:inherit;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:none;padding:5px 0}.pm-step input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pm-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pm-step input:focus{background:#35353f;border-radius:5px;outline:none}.pm-sep{background:#3c3c46;height:1px;margin:6px 0}.pen-work{text-align:left;color:#e8e8ec;cursor:pointer;background:#24242c;border:1px solid #33333d;border-radius:8px;align-items:center;gap:9px;width:100%;margin:4px 0;padding:6px 9px;display:flex}.pen-work:hover{background:#2c2c36}.pen-work.on{background:#24304a;border-color:#2f5aa8}.pen-work:disabled{opacity:.5;cursor:default}.pen-work-thumb{background:#16161d;border-radius:5px;flex:none;justify-content:center;align-items:center;width:54px;height:40px;font-size:17px;display:flex;overflow:hidden}.pen-work-thumb img{object-fit:cover;width:100%;height:100%}.pen-work-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pen-work-body b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pen-work-go{opacity:.7;flex:none}.pen-input{color:#e8e8ec;font:inherit;background:#2a2a32;border:1px solid #3c3c46;border-radius:7px;flex:1;padding:7px 9px;font-size:13px}.pen-input:focus{border-color:#5b7fc7;outline:none}.pm-col{flex-direction:column;gap:4px;padding:4px 0;display:flex}.pen-note{color:#e8e8ec;width:100%;font:inherit;resize:vertical;background:#2a2a32;border:1px solid #3c3c46;border-radius:7px;padding:7px 9px;font-size:13px}.pen-note:focus{border-color:#5b7fc7;outline:none}.pm-chips2 .pen-primary{color:#fff;background:#2f5aa8;border-color:#2f5aa8;font-weight:600}.pm-chips2 .pen-primary:disabled{opacity:.45}.pen-work-note{color:#9aa0ad;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.kesim-app{color:#e8e8ea;background:#1a1a1e;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.k-top{background:#232329;border-bottom:1px solid #34343c;align-items:center;gap:12px;padding:10px 14px;display:flex}.k-title{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.k-title strong{font-size:15px}.k-dim{color:#9a9aa4;font-size:12px}.k-btn{color:#e8e8ea;cursor:pointer;white-space:nowrap;background:#34343c;border:none;border-radius:6px;padding:8px 14px;font-size:13px}.k-btn:hover{background:#3f3f49}.k-primary{background:#2f7d4f}.k-primary:hover{background:#276841}.k-body{flex:1;min-height:0;display:flex}.k-board{flex:0 0 var(--k-board,42%);background:#101014;border-right:1px solid #34343c;min-width:0;display:flex;position:relative}.k-data{flex-direction:column;flex:1;min-width:0;display:flex}.k-tabs{background:#232329;border-bottom:1px solid #34343c;align-items:center;gap:6px;padding:8px 12px;display:flex}.k-tabs>button{color:#b8b8c2;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 12px;font-size:13px}.k-tabs>button.on{color:#fff;background:#34343c;font-weight:600}.k-basis{background:#1a1a1e;border-radius:6px;gap:4px;margin-left:auto;padding:3px;display:flex}.k-basis button{color:#b8b8c2;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:12px}.k-basis button.on{color:#fff;background:#4a4a56}.k-scroll{flex:1;padding:12px;overflow:auto}.k-group{margin-bottom:18px}.k-group-head{background:#2a2a32;border-radius:6px 6px 0 0;justify-content:space-between;align-items:baseline;padding:6px 8px;font-size:14px;display:flex}.k-table{border-collapse:collapse;width:100%;font-size:13px}.k-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#9a9aa4;white-space:nowrap;border-bottom:1px solid #34343c;padding:6px 8px;font-size:11px;font-weight:600}.k-table td{vertical-align:top;border-bottom:1px solid #26262d;padding:6px 8px}.k-table tbody tr:hover{background:#26262d}.k-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.k-num strong{font-size:14px}.k-note{color:#8d8d97;max-width:220px;font-size:11px}.k-warn td{background:#be78281f}.k-warn .k-note{color:#e0a35a}.k-edge{color:#cfe0f5;background:#3a4a62;border-radius:4px;margin-right:3px;padding:1px 5px;font-size:11px;font-weight:600;display:inline-block}.k-swatch{vertical-align:-2px;border:1px solid #4a4a56;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.k-modal{z-index:40;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.k-card{background:#232329;border-radius:10px;flex-direction:column;gap:10px;width:min(460px,92vw);max-height:76vh;padding:16px;display:flex}.k-card-head{justify-content:space-between;align-items:center;font-size:15px;display:flex}.k-list{flex-direction:column;gap:6px;display:flex;overflow:auto}.k-work{color:#e8e8ea;cursor:pointer;text-align:left;background:#2c2c34;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.k-work:hover{background:#35353f}.k-work.on{border-color:#2f7d4f}.k-work-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.k-body{flex-direction:column}.k-board{border-bottom:1px solid #34343c;border-right:none;width:auto;min-width:0;height:38vh}}.k-scope{background:#2b3a2f;border-bottom:1px solid #34343c;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:13px;display:flex}.k-kerf{align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.k-kerf label{align-items:center;gap:8px;display:flex}.k-kerf input,.k-sheet-in input{color:#e8e8ea;font-variant-numeric:tabular-nums;background:#1a1a1e;border:1px solid #45454f;border-radius:5px;width:78px;padding:4px 7px;font-size:13px}.k-sheet-in{color:#9a9aa4;align-items:center;gap:6px;font-size:12px;display:flex}.k-stats{background:#26262d;gap:16px;padding:8px;font-size:13px;display:flex}.k-stats strong{font-size:15px}.k-sheets{flex-wrap:wrap;gap:14px;padding:10px 0;display:flex}.k-sheet{width:min(420px,100%);margin:0}.k-sheet svg{background:#101014;border-radius:4px;width:100%;height:auto;display:block}.k-sheet figcaption{padding-top:4px}.k-modules{background:#1f1f25;border-bottom:1px solid #34343c;flex-wrap:wrap;gap:6px;max-height:34vh;padding:8px 12px;display:flex;overflow-y:auto}.k-scopebar{background:#1f1f25;border-bottom:1px solid #34343c;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.k-scope-btn{color:#c8c8d2;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;min-width:0;padding:4px 2px;font-size:13px;overflow:hidden}.k-scope-btn strong{color:#e8e8ea}.k-modules button{color:#c8c8d2;cursor:pointer;white-space:nowrap;background:#2c2c34;border:1px solid #0000;border-radius:999px;padding:4px 11px;font-size:12px}.k-modules button:hover{background:#36363f}.k-modules button.on{color:#fff;background:#2f7d4f;border-color:#3f9d66}.k-split{align-items:center;gap:4px;display:flex}.k-split .k-btn{padding:8px 10px}.k-pct{font-variant-numeric:tabular-nums;min-width:56px}.k-handle{cursor:col-resize;touch-action:none;background:#34343c;flex:0 0 8px;position:relative}.k-handle:after{content:"";background:#55555f;border-radius:3px;height:34px;margin-top:-17px;position:absolute;inset:50% 2px auto}.k-handle:hover{background:#3f3f49}.k-dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.k-board-peek{color:#9a9aa4;cursor:pointer;background:#16161b;border:none;border-right:1px solid #34343c;flex:0 0 34px;font-size:17px}.k-board-peek:hover{color:#e8e8ea;background:#202027}@media (width<=900px){.k-board{flex:0 0 var(--k-board,38%)}.k-handle{cursor:row-resize;flex-basis:14px}.k-handle:after{width:44px;height:4px;margin:0 0 0 -22px;inset:2px 50% auto}.k-board-peek{border-bottom:1px solid #34343c;border-right:none;flex-basis:34px}.k-dragging{cursor:row-resize}.k-btn,.k-tabs>button{padding:10px 14px;font-size:14px}.k-modules button{padding:7px 13px;font-size:13px}.k-kerf input,.k-sheet-in input{width:92px;padding:8px 10px;font-size:15px}.k-c-damar,.k-c-qeyd{display:none}.k-scroll{padding:8px}.k-scope{z-index:2;position:sticky;top:0}}@media (width<=620px){.k-c-modul,.k-c-qal{display:none}}.k-empty{color:#9a9aa4;flex-direction:column;align-items:center;gap:14px;padding:46px 20px;font-size:14px;display:flex}.k-index{flex-direction:column;gap:10px;display:flex}.k-index-3d{background:#14141a;border-radius:8px;height:46vh;min-height:260px;overflow:hidden}.k-explode{align-items:center;gap:10px;font-size:13px;display:flex}.k-explode input[type=range]{accent-color:#2f7d4f;flex:1;max-width:320px}.k-row-on td{background:#f2b13424}.k-table tbody tr{cursor:pointer}.pm-badge{color:#e8e8ea;cursor:pointer;background:#23232b;border:1px solid #6a6a78;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #00000080}.pm-badge.on{color:#1a1a1e;background:#f2b134;border-color:#f2b134}.pm-badge.sm{cursor:default;min-width:20px;height:20px;font-size:11px}@media (width<=900px){.k-index-3d{height:38vh}}.k-index-list{border-top:1px solid #34343c;max-height:38vh;overflow:auto}.k-index-list .k-table thead th{z-index:1;background:#232329;position:sticky;top:0}@media (width<=900px){.k-index-list{max-height:30vh}}