*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);overflow:hidden;width:100vw;height:100vh}canvas,.nav-btn,.style-btn,.cam-type-btn,.cam-btn,.pavement-btn,.preset-chip,.dock-open-fab,.modal-btn,.filter-pill{user-select:none;-webkit-user-select:none}input,textarea,select,p,span,code{user-select:text;-webkit-user-select:text}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#webgl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;outline:none}.hud-dock{position:absolute;bottom:16px;left:16px;z-index:30;display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud-card{pointer-events:auto;background:#0f172ab3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:8px 14px;box-shadow:0 8px 24px #00000059;display:flex;flex-direction:column;gap:4px;width:max-content;max-width:min(380px,calc(100vw - 32px))}.hud-row{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;gap:16px;font-size:var(--fs-xs);line-height:1.3;white-space:nowrap}.hud-label{color:var(--color-text-muted);font-weight:500;font-size:var(--fs-xs);white-space:nowrap}.hud-val{font-family:JetBrains Mono,monospace;color:var(--color-accent);font-weight:700;font-size:var(--fs-xs);white-space:nowrap;text-align:right}.hud-principle{display:none}.loading-toast{position:absolute;top:76px;left:50%;transform:translate(-50%);z-index:50;background:#0f172aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.4);color:var(--color-text);padding:7px 18px;border-radius:20px;font-size:var(--fs-sm);font-weight:600;box-shadow:0 10px 30px #00000080;display:none;align-items:center;gap:8px;animation:fadeIn .2s ease}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.dock-divider-section{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.sub-title--between{justify-content:space-between}.dock-row-between{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.dock-row-label{font-size:var(--fs-xs);color:var(--color-text-muted)}.btn-chip-sm{flex:none;padding:2px 7px;font-size:var(--fs-xs)}.btn-reset-cam-full{width:100%;justify-content:center;padding:7px;margin-top:1px}.pavement-btn-inner{display:flex;align-items:center}.slider-wrap--spaced{margin-top:4px}.slider-val-wrap{display:flex;align-items:center;gap:6px}.form-label--spaced{margin-bottom:5px}.field-hint--center{text-align:center}.modal-title-icon--danger{background:#ef444433;border-color:#ef444466;color:var(--color-danger)}.delete-dialog-body{padding:18px 22px;font-size:var(--fs-md);color:var(--color-text-muted);line-height:1.5}.delete-dialog-title{color:var(--color-text)}.delete-dialog-code{color:var(--color-accent)}header{position:absolute;top:16px;left:16px;right:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.header-left,.header-center,.header-right{pointer-events:auto;display:flex;align-items:center;gap:10px}.nav-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;font-size:var(--fs-sm);font-weight:700;text-decoration:none;color:var(--color-text);background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--card-border);box-shadow:var(--shadow-2);transition:all var(--dur-base) ease;cursor:pointer;white-space:nowrap}.nav-btn:hover{background:#1e293bf2;border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 10px 28px #38bdf840}.brand-title-wrap{display:flex;align-items:center;gap:8px;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:5px 12px;border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-2);white-space:nowrap}.brand-badge{background:linear-gradient(135deg,var(--color-accent-strong),var(--color-accent));color:var(--color-text);font-weight:800;padding:3px 7px;border-radius:var(--radius-sm);font-size:var(--fs-xs);letter-spacing:.5px;white-space:nowrap}.brand-text h1{font-size:var(--fs-base);font-weight:700;color:var(--color-text);line-height:1.2;white-space:nowrap}.brand-text p{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:1px}.style-pill-dock{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:14px;padding:3px;display:flex;gap:3px;box-shadow:0 10px 30px #00000073}.style-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;font-size:var(--fs-sm);font-weight:700;color:var(--color-text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .22s ease;white-space:nowrap}.style-btn:hover{color:var(--color-text);background:#ffffff0f}.style-btn.active{color:var(--color-text);background:linear-gradient(135deg,var(--color-accent-strong),var(--accent-blue));border-color:#38bdf880;box-shadow:0 4px 14px #2563eb73}.style-btn[data-style=pixel].active{background:linear-gradient(135deg,var(--style-pixel),var(--accent-purple));border-color:var(--style-pixel-border);box-shadow:0 4px 14px #8b5cf673}.style-btn[data-style=ghibli].active{background:linear-gradient(135deg,var(--style-ghibli),var(--color-success));border-color:var(--style-ghibli-border);box-shadow:0 4px 14px #10b98173}.style-btn[data-style=paper].active{background:linear-gradient(135deg,var(--style-paper),var(--color-warning));border-color:var(--style-paper-border);box-shadow:0 4px 14px #d9770673}.style-btn[data-style=cyber].active{background:linear-gradient(135deg,var(--style-cyber),var(--accent-purple));border-color:var(--style-cyber-border);box-shadow:0 4px 14px #ec489973}.project-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-accent-strong),var(--color-accent));color:var(--color-text);font-size:var(--fs-xs);font-weight:800;font-family:JetBrains Mono,monospace;box-shadow:0 2px 8px #38bdf873}@media(max-width:1439px){header{gap:8px}.header-left,.header-center,.header-right{gap:6px}.brand-text p{display:none}.brand-title-wrap{padding:4px 10px;gap:8px}.brand-text h1{font-size:var(--fs-sm)}.nav-btn{padding:6px 10px;font-size:var(--fs-sm);gap:5px}.style-btn{padding:6px 10px;font-size:var(--fs-xs);gap:4px}}@media(max-width:1100px){.brand-badge{display:none}.brand-title-wrap{padding:4px 8px}.brand-text h1{font-size:var(--fs-xs)}.nav-btn{padding:5px 8px;font-size:var(--fs-xs);gap:4px}.style-btn{padding:5px 6px;font-size:var(--fs-xs);gap:3px}}.control-dock{position:absolute;top:var(--dock-top, 76px);right:16px;bottom:16px;width:370px;max-width:calc(100vw - 32px);z-index:30;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;border:1px solid var(--card-border);box-shadow:0 20px 45px #0009;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.control-dock.collapsed{transform:translate(calc(100% + 24px));pointer-events:none}.dock-header{padding:13px 18px;background:#0f172ab3;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.dock-header h2{font-size:var(--fs-md);font-weight:800;color:var(--color-accent);letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:7px}.dock-close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--fs-lg);padding:4px 8px;border-radius:6px;transition:all var(--dur-base)}.dock-close-btn:hover{color:var(--color-text);background:#ffffff1a}.dock-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:14px}.dock-body::-webkit-scrollbar{width:5px}.dock-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.control-card{background:#ffffff09;border:1px solid var(--color-border);border-radius:13px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.card-title{font-size:var(--fs-sm);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;justify-content:space-between}.card-title span.badge{font-size:var(--fs-xs);color:var(--color-accent);font-family:JetBrains Mono,monospace;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);padding:2px 6px;border-radius:5px}.sub-title{font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:2px;display:flex;align-items:center;gap:5px}.cam-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cam-type-btn{background:#1e293ba6;border:1px solid var(--card-border);border-radius:9px;padding:8px 6px;color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--dur-base) ease}.cam-type-btn:hover{color:var(--color-text);border-color:#ffffff40;background:#334155b3}.cam-type-btn.active{color:var(--color-text);background:linear-gradient(135deg,#0ea5e959,#2563eb8c);border-color:var(--color-accent);box-shadow:0 4px 12px #38bdf840}.camera-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cam-btn{background:#1e293ba6;border:1px solid var(--card-border);border-radius:9px;padding:9px 4px;color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:all var(--dur-base) ease}.cam-btn .icon{font-size:var(--fs-lg)}.cam-btn:hover{color:var(--color-text);border-color:#ffffff40;background:#334155b3}.cam-btn.active{color:var(--color-text);background:linear-gradient(135deg,#0284c759,#2563eb80);border-color:var(--color-accent);box-shadow:0 4px 12px #38bdf840}.slider-wrap{display:flex;flex-direction:column;gap:8px}.slider-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm);font-weight:600;color:var(--color-text)}.slider-val-tag{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);color:var(--color-accent);background:#38bdf81f;border:1px solid rgba(56,189,248,.3);padding:2px 7px;border-radius:6px}input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--radius-sm);background:var(--color-surface-3);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 10px #38bdf8b3;cursor:pointer;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}.quick-preset-chips{display:flex;gap:5px}.preset-chip{flex:1;padding:5px 3px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#1e293b80;color:var(--color-text-muted);font-size:var(--fs-xs);font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.preset-chip:hover{background:#38bdf826;border-color:#38bdf866;color:var(--color-accent)}.pavement-btn-grid{display:grid;grid-template-columns:1fr;gap:6px}.pavement-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:var(--color-text);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--dur-base) ease}.pavement-btn:hover{background:#334155b3;border-color:#fff3}.pavement-btn.active{background:linear-gradient(135deg,#f59e0b33,#d9770659);border-color:var(--color-warning);color:var(--color-text);box-shadow:0 4px 14px #f59e0b33}.pavement-btn .pave-icon{font-size:var(--fs-base);margin-right:6px}.pavement-btn .pave-badge{font-size:var(--fs-xs);font-family:JetBrains Mono,monospace;color:var(--color-warning);background:#f59e0b26;padding:2px 5px;border-radius:var(--radius-sm)}.layers-list{display:flex;flex-direction:column;gap:6px}.layer-row{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:#1e293b73;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);font-size:var(--fs-xs);color:var(--color-text);transition:background .15s}.layer-row:hover{background:#1e293bcc}.layer-label{display:flex;align-items:center;gap:7px}.layer-z-tag{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);color:var(--color-text-muted);margin-left:auto;margin-right:8px}.switch{position:relative;display:inline-block;width:32px;height:18px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-surface-3);transition:.2s;border-radius:20px}.switch .slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:var(--color-text);transition:.2s;border-radius:50%}.switch input:checked+.slider{background-color:var(--color-accent-strong)}.switch input:checked+.slider:before{transform:translate(14px)}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted)}.custom-select{width:100%;background:var(--color-surface-2);border:1px solid var(--color-surface-3);color:var(--color-text);padding:7px 9px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s}.custom-select:focus{border-color:var(--color-accent)}.dock-open-fab{position:absolute;top:76px;right:16px;z-index:29;background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--card-border);color:var(--color-text);padding:9px 14px;border-radius:var(--radius-lg);font-size:var(--fs-sm);font-weight:700;cursor:pointer;display:none;align-items:center;gap:6px;box-shadow:var(--shadow-2);transition:all var(--dur-base)}.dock-open-fab:hover{border-color:var(--color-accent);color:var(--color-accent)}.control-dock.collapsed+.dock-open-fab{display:flex}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#030712c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-window{background:#0f172af0;border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:0 25px 60px -15px #000c,0 0 0 1px #ffffff0d,0 0 50px #38bdf81f;display:flex;flex-direction:column;overflow:hidden;transform:scale(.96) translateY(12px);transition:transform .28s cubic-bezier(.16,1,.3,1)}.modal-backdrop.active .modal-window{transform:scale(1) translateY(0)}.explorer-window{width:1080px;max-width:95vw;height:700px;max-height:90vh}.save-window{width:740px;max-width:95vw;max-height:90vh}.confirm-window{width:440px;max-width:92vw}.modal-header{padding:16px 22px;background:#0f172abf;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-title-group{display:flex;align-items:center;gap:12px}.modal-title-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0284c740,#38bdf826);border:1px solid rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);color:var(--color-accent)}.modal-title{font-size:var(--fs-base);font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:8px}.modal-subtitle{font-size:var(--fs-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:6px;margin-top:2px}.modal-subtitle code{background:#00000059;padding:1px 6px;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;color:var(--color-accent);border:1px solid rgba(56,189,248,.2)}.modal-actions-group{display:flex;align-items:center;gap:8px}.modal-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;font-size:var(--fs-sm);font-weight:700;cursor:pointer;border:1px solid transparent;transition:all var(--dur-base) ease;white-space:nowrap}.modal-btn-primary{background:linear-gradient(135deg,var(--color-accent-strong),var(--accent-blue));color:var(--color-text);border-color:#38bdf866;box-shadow:0 4px 14px #2563eb59}.modal-btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-strong),var(--accent-blue));transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.modal-btn-secondary{background:#1e293bcc;color:var(--color-text);border-color:var(--card-border)}.modal-btn-secondary:hover{background:#334155e6;border-color:#ffffff40}.modal-btn-danger{background:#ef444426;color:var(--color-danger);border-color:#ef44444d}.modal-btn-danger:hover{background:#ef444440;color:var(--color-text);border-color:var(--color-danger)}.modal-close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--fs-xl);padding:6px 10px;border-radius:var(--radius-md);transition:all var(--dur-base);line-height:1}.modal-close-btn:hover{color:var(--color-text);background:#ffffff1a}.explorer-toolbar{padding:12px 22px;background:#0a0f1e80;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.search-input-wrap{position:relative;flex:1;min-width:240px;max-width:400px}.search-input-wrap .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:var(--fs-md);color:var(--color-text-muted);pointer-events:none}.search-input-wrap input{width:100%;background:#1e293bb3;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 32px 8px 34px;color:var(--color-text);font-size:var(--fs-sm);font-family:inherit;outline:none;transition:all var(--dur-base)}.search-input-wrap input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #38bdf833;background:#1e293bf2}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--fs-sm);padding:4px;border-radius:var(--radius-sm)}.filter-pills{display:flex;align-items:center;gap:6px;overflow-x:auto}.filter-pill{background:#1e293b99;border:1px solid rgba(255,255,255,.08);color:var(--color-text-muted);padding:5px 12px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--dur-base);white-space:nowrap}.filter-pill:hover{background:#334155b3;color:var(--color-text)}.filter-pill.active{background:linear-gradient(135deg,#0284c759,#2563eb73);border-color:var(--color-accent);color:var(--color-text);box-shadow:0 2px 10px #38bdf833}.explorer-body{flex:1;display:flex;overflow:hidden;position:relative}.explorer-grid-pane{flex:1.35;overflow-y:auto;padding:16px 20px}.explorer-grid-pane::-webkit-scrollbar,.explorer-inspector-pane::-webkit-scrollbar,.save-body::-webkit-scrollbar{width:6px}.explorer-grid-pane::-webkit-scrollbar-thumb,.explorer-inspector-pane::-webkit-scrollbar-thumb,.save-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:var(--radius-sm)}.project-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.project-card{background:#1e293b8c;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .22s ease;display:flex;flex-direction:column;position:relative}.project-card:hover{background:#1e293bd9;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 10px 24px #00000073,0 0 16px #38bdf826}.project-card.active{border-color:var(--color-accent);background:#1e293bf2;box-shadow:0 0 0 2px #38bdf866,0 12px 28px #00000080}.card-thumb-wrap{width:100%;height:130px;background:var(--color-bg);position:relative;overflow:hidden}.card-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .card-thumb-img{transform:scale(1.04)}.card-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl);background:linear-gradient(135deg,var(--color-surface-2),var(--color-surface-1))}.card-top-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.badge-style{font-size:var(--fs-xs);font-weight:700;padding:3px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0006}.badge-style.ghibli{background:#10b981d9;color:var(--color-text)}.badge-style.pixel{background:#8b5cf6d9;color:var(--color-text)}.badge-style.paper{background:#f59e0bd9;color:var(--color-text)}.badge-style.cyber{background:#ec4899d9;color:var(--color-text)}.badge-cam{font-size:var(--fs-xs);font-family:JetBrains Mono,monospace;font-weight:700;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);color:var(--color-accent);padding:2px 6px;border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-info{padding:11px 13px;display:flex;flex-direction:column;gap:4px}.card-name{font-size:var(--fs-md);font-weight:700;color:var(--color-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:2px}.card-meta-date{display:flex;align-items:center;gap:4px}.explorer-recovery-panel{padding:10px 22px;background:#0f172aa6;border-bottom:1px solid var(--card-border);display:flex;flex-direction:column;gap:8px}.recovery-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.recovery-box{flex:1;min-width:280px;display:flex;align-items:center;gap:8px}.recovery-title{font-size:var(--fs-xs);font-weight:700;color:var(--color-text-muted);white-space:nowrap}.recovery-input-wrap{flex:1;display:flex;align-items:center;gap:6px;background:#1e293bbf;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:3px 6px}.recovery-key-input{flex:1;background:transparent;border:none;color:var(--color-accent);font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);outline:none;min-width:80px}.recovery-key-input::placeholder{color:var(--color-text-subtle)}.recovery-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--color-text);padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all var(--dur-fast);white-space:nowrap}.recovery-btn:hover{background:#ffffff29;border-color:#ffffff40}.recovery-btn--primary{background:linear-gradient(135deg,var(--color-accent-strong),var(--accent-blue));border-color:#38bdf866}.recovery-btn--primary:hover{background:linear-gradient(135deg,var(--color-accent-strong),var(--accent-blue));filter:brightness(1.15)}.recovery-warning{font-size:var(--fs-xs);color:var(--color-warning);display:flex;align-items:center;gap:6px;line-height:1.4}.recovery-warning-icon{font-size:var(--fs-sm)}.badge-sample{font-size:var(--fs-xs);font-weight:700;padding:3px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0006;background:#f59e0b40;border:1px solid rgba(245,158,11,.5);color:var(--color-warning)}.explorer-inspector-pane{flex:0 0 360px;background:#0a0f1cb3;border-left:1px solid var(--card-border);padding:18px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.inspector-preview-box{width:100%;height:185px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 20px #00000073;position:relative}.inspector-preview-img{width:100%;height:100%;object-fit:cover}.inspector-header-info{display:flex;flex-direction:column;gap:4px}.inspector-title{font-size:var(--fs-lg);font-weight:800;color:var(--color-text);line-height:1.3}.inspector-filename{font-family:JetBrains Mono,monospace;font-size:var(--fs-xs);color:var(--color-accent);display:flex;align-items:center;gap:5px}.inspector-desc{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.5;background:#1e293b59;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.inspector-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.spec-item{background:#1e293b73;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:6px 9px;display:flex;flex-direction:column;gap:2px}.spec-item--span-2{grid-column:span 2}.spec-val--sub{font-size:var(--fs-xs)!important;color:var(--color-text-muted)!important}.spec-icon{font-size:var(--fs-base)}.card-thumb-fallback--full{height:100%}.empty-state--compact{padding:40px 10px!important}.u-mono{font-family:JetBrains Mono,monospace}.spec-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.4px}.spec-val{font-size:var(--fs-sm);font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.btn-action-main{background:linear-gradient(135deg,var(--color-accent-strong),var(--accent-blue));color:var(--color-text);font-size:var(--fs-md);font-weight:800;padding:10px 16px;border-radius:11px;border:1px solid rgba(56,189,248,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #2563eb66;transition:all var(--dur-base)}.btn-action-main:hover{transform:translateY(-1px);box-shadow:0 6px 22px #2563eb8c;background:linear-gradient(135deg,var(--color-accent-strong),var(--accent-blue))}.action-secondary-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.btn-action-sub{background:#1e293bb3;border:1px solid var(--card-border);color:var(--color-text-muted);padding:8px 6px;border-radius:9px;font-size:var(--fs-xs);font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all var(--dur-base)}.btn-action-sub:hover{background:#334155cc;color:var(--color-text);border-color:#fff3}.btn-action-sub.btn-delete:hover{background:#ef444433;border-color:var(--color-danger);color:var(--color-danger)}.save-body{padding:20px 24px;display:flex;gap:22px;overflow-y:auto}.save-form-pane{flex:1.2;display:flex;flex-direction:column;gap:14px}.save-preview-pane{flex:.9;display:flex;flex-direction:column;gap:10px}.custom-input,.custom-textarea{width:100%;background:var(--color-surface-2);border:1px solid var(--color-surface-3);color:var(--color-text);padding:9px 12px;border-radius:10px;font-size:var(--fs-sm);font-family:inherit;outline:none;transition:border-color .2s}.custom-input:focus,.custom-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #38bdf833}.input-with-suffix{display:flex;align-items:center;background:var(--color-surface-2);border:1px solid var(--color-surface-3);border-radius:10px;overflow:hidden;transition:border-color .2s}.input-with-suffix:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px #38bdf833}.input-with-suffix input{border:none;background:transparent;padding:9px 12px;color:var(--color-text);font-size:var(--fs-sm);font-family:JetBrains Mono,monospace;outline:none;flex:1}.input-suffix{padding:0 12px;font-family:JetBrains Mono,monospace;font-size:var(--fs-sm);color:var(--color-text-muted);background:#0003;border-left:1px solid var(--color-surface-3);line-height:38px}.field-hint{font-size:var(--fs-xs);color:var(--color-text-muted)}.required{color:var(--accent-rose);font-weight:700}.snapshot-preview-box{position:relative;width:100%;height:180px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg);border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 18px #0006}.snapshot-preview-box img{width:100%;height:100%;object-fit:cover}.btn-recapture{position:absolute;bottom:8px;right:8px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:5px 10px;border-radius:var(--radius-md);font-size:var(--fs-xs);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all var(--dur-base)}.btn-recapture:hover{background:#1e293bf2;border-color:var(--color-accent);color:var(--color-accent)}.save-summary-card{display:flex;flex-wrap:wrap;gap:6px;background:#1e293b66;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.summary-chip{font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted);background:#0f172a99;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.modal-footer{padding:14px 22px;background:#0f172acc;border-top:1px solid var(--card-border);display:flex;align-items:center;justify-content:flex-end;gap:10px}.app-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(24px);z-index:2000;background:#0f172af0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(56,189,248,.4);color:var(--color-text);padding:10px 22px;border-radius:var(--radius-pill);font-size:var(--fs-md);font-weight:700;box-shadow:0 15px 35px #0009,0 0 20px #38bdf833;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.app-toast.active{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.app-toast.success{border-color:#10b98180}.app-toast.error{border-color:#f43f5e80}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-muted);text-align:center;gap:8px}.empty-icon{font-size:var(--fs-2xl)}.empty-text{font-size:var(--fs-base);font-weight:700;color:var(--color-text)}.empty-hint{font-size:var(--fs-sm);color:var(--color-text-muted);max-width:280px}@media(max-width:900px){.style-pill-dock{position:absolute;top:66px;left:16px;right:16px;overflow-x:auto}.control-dock{top:124px;width:320px}.dock-open-fab{top:124px}.explorer-window{height:94vh}.explorer-body{flex-direction:column}.explorer-inspector-pane{flex:none;width:100%;max-height:290px;border-left:none;border-top:1px solid var(--card-border)}.save-body{flex-direction:column}}