:root,[data-theme=dark]{--ease-smooth:cubic-bezier(.4, 0, .2, 1);--bg-primary:#090a0f;--bg-secondary:#12141a;--bg-tertiary:#1a1d24;--bg-card:#12141ae0;--bg-card-hover:#1a1d26f2;--bg-hud:#12141ae6;--bg-timeline:#12141af0;--modal-bg:#12141a;--sidebar-bg:#12141ae0;--header-bg:#12141aeb;--input-bg:#090a0f;--canvas-bg:#090a0f;--viewport-bg:#07080b;--app-bg:radial-gradient(circle at 50% 0%, #064e3b 0%, #090a0f 70%);--border-subtle:#ffffff17;--border-active:#10b981;--border-glass:#ffffff24;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#34d399;--color-cut:#ef4444;--color-crease:#3b82f6;--color-perf:#10b981;--color-glue:#f59e0b;--color-artwork:#8b5cf6;--color-gold:#f59e0b;--accent-cyan:#34d399;--accent-blue:#10b981;--accent-indigo:#059669;--theme-primary:#10b981;--theme-primary-hover:#059669;--theme-badge-gradient:linear-gradient(135deg, #047857 0%, #059669 50%, #10b981 100%);--theme-btn-gradient:linear-gradient(135deg, #059669 0%, #10b981 100%);--theme-btn-hover-gradient:linear-gradient(135deg, #10b981 0%, #34d399 100%);--theme-glow:0 0 20px #10b98159;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #0009;--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fffffff2;--bg-card-hover:#fff;--bg-hud:#ffffffeb;--bg-timeline:#fffffff2;--modal-bg:#fff;--sidebar-bg:#ffffffeb;--header-bg:#fffffff2;--input-bg:#fff;--canvas-bg:#f8fafc;--viewport-bg:#e2e8f0;--app-bg:radial-gradient(circle at 50% 0%, #d1fae5 0%, #f8fafc 70%);--border-subtle:#0f172a14;--border-active:#059669;--border-glass:#0f172a1f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-accent:#047857;--color-cut:#dc2626;--color-crease:#2563eb;--color-perf:#059669;--color-glue:#d97706;--color-artwork:#7c3aed;--color-gold:#d97706;--accent-cyan:#059669;--accent-blue:#059669;--accent-indigo:#047857;--theme-primary:#059669;--theme-primary-hover:#047857;--theme-badge-gradient:linear-gradient(135deg, #047857 0%, #059669 50%, #10b981 100%);--theme-btn-gradient:linear-gradient(135deg, #059669 0%, #047857 100%);--theme-btn-hover-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--theme-glow:0 0 16px #05966940;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;width:100%;height:100%;transition:background-color .2s,color .2s;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.app-container{background:var(--app-bg);flex-direction:column;width:100vw;height:100vh;transition:background .3s;display:flex}.app-header{background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 20px;transition:background .25s,border-color .25s;display:flex}.brand-section{align-items:center;gap:14px;display:flex}.brand-logo-badge{background:0 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-logo-badge img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.brand-text h1{letter-spacing:-.3px;color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.org-tag{color:var(--text-accent);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.view-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:3px;display:flex}.view-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:color .28s var(--ease-smooth), box-shadow .28s var(--ease-smooth), filter .28s var(--ease-smooth), transform .28s var(--ease-smooth);background:0 0;border:none;align-items:center;gap:7px;padding:7px 15px;font-size:13px;font-weight:600;display:flex}.view-tab-btn:hover{color:var(--text-primary)}.view-tab-btn.active{background:var(--theme-btn-gradient);color:#fff;box-shadow:var(--theme-glow)}.header-actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background-color .28s var(--ease-smooth), border-color .28s var(--ease-smooth), color .28s var(--ease-smooth), box-shadow .28s var(--ease-smooth), filter .28s var(--ease-smooth), transform .28s var(--ease-smooth);-webkit-tap-highlight-color:transparent;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transition-duration:.12s;transform:translateY(0)scale(.975)}.btn:focus-visible,.view-tab-btn:focus-visible,.zoom-bar-btn:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.btn-primary{background:var(--theme-btn-gradient);color:#fff;box-shadow:var(--theme-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--theme-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-glass)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-1px)}.theme-toggle-btn{border-color:var(--border-glass)}.theme-toggle-btn:hover{border-color:var(--border-active)}.btn-record{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);box-shadow:0 4px 14px #dc26264d}.btn-record:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}.btn-record.recording{animation:1.5s infinite pulse-red}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.main-workspace{flex:1;height:calc(100vh - 62px);display:flex;position:relative;overflow:hidden}.studio-sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border-subtle);z-index:20;flex-direction:column;flex-shrink:0;width:320px;transition:width .28s cubic-bezier(.16,1,.3,1),opacity .22s,border-color .28s,background .25s;display:flex;overflow-y:auto}.studio-sidebar.collapsed{opacity:0;pointer-events:none;border-right-color:#0000!important;width:0!important;min-width:0!important;padding:0!important;overflow:hidden!important}.sidebar-top-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sidebar-collapse-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-glass)}.floating-sidebar-restore-btn{z-index:35;background:var(--bg-secondary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-active);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);border-radius:20px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);animation:.25s ease-out fadeInSlideLeft;display:inline-flex;position:absolute;top:14px;left:14px}.floating-sidebar-restore-btn:hover{background:var(--bg-card-hover);border-color:var(--theme-primary);box-shadow:var(--theme-glow);transform:translate(2px)}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.sidebar-section{border-bottom:1px solid var(--border-subtle);padding:16px}.sidebar-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.viewport-area{background:var(--viewport-bg);flex:1;transition:background .25s;display:flex;position:relative;overflow:hidden}.split-view-container{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.split-panel{height:100%;position:relative;overflow:hidden}.dashboard-splitter{z-index:25;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:14px;margin-left:-7px;margin-right:-7px;display:flex;position:relative}.splitter-rail{background:var(--border-subtle);width:2px;transition:all .2s;position:absolute;top:0;bottom:0;left:6px}.dashboard-splitter:hover .splitter-rail,.dashboard-splitter.active .splitter-rail{background:var(--theme-primary);box-shadow:0 0 10px var(--theme-primary);width:3px;left:5.5px}.splitter-grip{z-index:2;background:var(--bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);width:20px;height:48px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dashboard-splitter:hover .splitter-grip,.dashboard-splitter.active .splitter-grip{color:var(--theme-primary);border-color:var(--border-active);background:var(--bg-secondary);box-shadow:var(--theme-glow);transform:scale(1.08)}.splitter-tooltip{background:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-active);color:var(--text-primary);font-size:11px;font-family:var(--font-mono);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-weight:700;display:flex;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.splitter-tooltip .divider-sep{color:var(--text-accent);opacity:.6}body.resizing-horizontal{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing-horizontal *{-webkit-user-select:none!important;user-select:none!important}.dieline-canvas-container{background:var(--canvas-bg);cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.dieline-canvas-container:active{cursor:grabbing}.carton-3d-container{outline:none;width:100%;height:100%;position:relative}.viewport-top-overlay{pointer-events:none;z-index:15;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.viewport-top-overlay>*{pointer-events:auto}.floating-hud{background:var(--bg-hud);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-secondary);z-index:10;box-shadow:var(--shadow-sm);pointer-events:auto;align-items:center;gap:12px;padding:8px 14px;font-size:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:14px;left:14px}.viewport-top-overlay .floating-hud{flex-shrink:1;min-width:0;max-width:min(540px,100% - 170px);position:relative;top:auto;left:auto}.viewport-top-overlay .floating-3d-tools,.viewport-top-overlay .floating-2d-tools{flex-shrink:0;position:relative!important;top:auto!important;right:auto!important}.floating-3d-tools{background:var(--bg-hud);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-glass);z-index:10;border-radius:12px;gap:8px;padding:6px;display:flex}.floating-2d-tools{background:var(--bg-hud);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);z-index:10;border-radius:10px;gap:8px;padding:6px;display:flex}.hud-board-text{max-width:220px}.floating-hud-minimized{cursor:pointer;border-radius:20px;gap:8px;padding:6px 12px}.floating-hud-minimized:hover{border-color:var(--border-active);transform:translateY(-1px)}.hud-collapse-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:color .15s,background .15s;display:flex}.hud-collapse-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.hud-badge{color:var(--text-accent);font-weight:700;font-family:var(--font-mono);background:#10b98124;border-radius:4px;padding:3px 8px;font-size:11px}.timeline-footer{background:var(--bg-timeline);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:min(840px,94%);box-shadow:var(--shadow-lg);z-index:30;flex-direction:column;gap:10px;padding:14px 20px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.timeline-footer-collapsed{cursor:pointer;align-items:center;min-width:260px;max-width:92vw;transition:all .25s cubic-bezier(.16,1,.3,1);background:var(--bg-timeline)!important;border:1px solid var(--border-active)!important;width:auto!important;box-shadow:var(--shadow-lg), var(--theme-glow)!important;border-radius:9999px!important;flex-direction:row!important;gap:10px!important;padding:8px 14px!important}.timeline-footer-collapsed:hover{transform:translate(-50%)translateY(-2px);border-color:var(--theme-primary)!important}.timeline-header{justify-content:space-between;align-items:center;display:flex}.timeline-step-info{align-items:center;gap:8px;display:flex}.step-pill{background:var(--theme-btn-gradient);color:#fff;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.step-name{color:var(--text-primary);font-size:13px;font-weight:600}.timeline-controls-row{align-items:center;gap:14px;display:flex}.scrub-slider{appearance:none;background:linear-gradient(to right, var(--theme-primary) var(--progress,0%), var(--bg-tertiary) var(--progress,0%));cursor:pointer;border-radius:4px;outline:none;flex:1;height:6px}.scrub-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;box-shadow:var(--theme-glow);border:2px solid var(--theme-primary);cursor:grab;background:#fff;border-radius:50%;transition:transform .1s}.scrub-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--modal-bg);border:1px solid var(--border-glass);border-radius:var(--radius-xl);width:min(600px,92vw);max-height:85vh;box-shadow:var(--shadow-lg), var(--theme-glow);flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select{background:var(--input-bg);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--border-active);box-shadow:0 0 0 2px var(--theme-glow)}option{background:var(--bg-secondary);color:var(--text-primary)}.preset-card-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.preset-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;padding:12px;transition:all .2s}.preset-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-2px)}.preset-card.active{border-color:var(--border-active);box-shadow:var(--theme-glow);background:#10b9811f}.mobile-only{display:none!important}.desktop-only{display:inline-flex!important}select.desktop-only{display:inline-block!important}.parameters-viewport-container{background:var(--canvas-bg);-webkit-overflow-scrolling:touch;justify-content:center;width:100%;height:100%;padding:16px 16px 90px;display:flex;overflow-y:auto}.parameters-panel-content.mobile-full-view{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-lg);margin-bottom:20px;padding:8px 0}.mobile-params-banner{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.params-icon-badge{border:1px solid var(--border-active);background:#10b9811f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-view-selector-panel{background:var(--bg-hud);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:80;height:62px;padding:0 6px;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-lg);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-view-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;max-width:76px;padding:6px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mobile-view-btn .mobile-icon-wrapper{justify-content:center;align-items:center;transition:transform .2s;display:flex}.mobile-view-btn:active .mobile-icon-wrapper{transform:scale(.9)}.mobile-view-label{letter-spacing:.2px;font-size:10px;font-weight:600;transition:color .2s}.mobile-view-btn.active{color:var(--theme-primary)}.mobile-view-btn.active .mobile-view-label{color:var(--theme-primary);font-weight:700}.mobile-view-btn.active:before{content:"";background:var(--theme-primary);height:2px;box-shadow:0 0 8px var(--theme-primary);border-radius:2px;position:absolute;top:0;left:20%;right:20%}.mobile-actions-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;background:#000000a6;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-actions-sheet{background:var(--modal-bg);border:1px solid var(--border-glass);width:100%;max-width:500px;box-shadow:var(--shadow-lg);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top-left-radius:20px;border-top-right-radius:20px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden}.mobile-sheet-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-sheet-close-btn{background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mobile-sheet-body{padding:18px 20px}.mobile-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mobile-action-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 12px;transition:all .2s;display:flex}.mobile-action-card:active{border-color:var(--border-active);background:#10b9811f;transform:scale(.98)}.mobile-action-card.recording{background:#ef44441f;border-color:#ef4444}.mobile-action-card .action-title{color:var(--text-primary);font-size:13px;font-weight:700}.mobile-action-card .action-desc{color:var(--text-secondary);font-size:11px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1280px){.brand-subtitle-wrapper,.header-actions .btn-label{display:none!important}.header-actions .btn{padding:7px 10px!important}.view-tab-btn{gap:5px!important;padding:6px 10px!important;font-size:12px!important}#template-selector{max-width:145px!important;padding:5px 8px!important;font-size:11px!important}.hud-board-text{max-width:140px!important}}@media (max-height:720px){.app-header{height:50px!important}.main-workspace{height:calc(100vh - 50px)!important}.viewport-top-overlay{top:8px!important;left:8px!important;right:8px!important}.floating-hud{padding:6px 10px!important;font-size:11px!important}.floating-3d-tools,.floating-2d-tools{gap:4px!important;padding:4px!important}.floating-3d-tools .btn,.floating-2d-tools .btn{padding:4px 7px!important}.timeline-footer{gap:6px!important;padding:8px 14px!important;bottom:8px!important}.timeline-footer-collapsed{padding:4px 10px!important;bottom:8px!important}.sidebar-section{padding:10px 14px!important}.form-group{margin-bottom:8px!important}}@media (max-width:1024px){.mobile-only{display:inline-flex!important}.desktop-only,select.desktop-only{display:none!important}.app-header{height:56px;padding:0 16px}.view-tabs{display:none!important}.main-workspace{height:calc(100vh - 118px)}.studio-sidebar{display:none!important}.mobile-view-selector-panel{display:flex}.timeline-footer{border-radius:var(--radius-md);width:95%;padding:10px 14px;bottom:70px}}.artwork-sidebar-panel{border-right:1px solid var(--border-subtle);flex-shrink:0;width:380px;height:100%;overflow-y:auto}.export-modal-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mobile-short-label{display:none}.mobile-full-label{display:inline}@media (max-width:768px){.app-header{height:52px;padding:0 12px}.brand-section{gap:8px}.brand-logo-badge{border-radius:var(--radius-sm);width:28px;height:28px}.brand-logo-badge img{width:100%;height:100%}.brand-text h1{letter-spacing:-.2px;margin:0;font-size:14px}.brand-text .org-tag{display:none}.header-actions{gap:6px}.header-actions .btn{padding:6px 9px;font-size:12px}.split-view-container{flex-direction:column}.split-panel{border-right:none;border-bottom:1px solid var(--border-subtle);flex:50%!important;width:100%!important}.artwork-sidebar-panel{border-right:none!important;border-bottom:1px solid var(--border-subtle)!important;flex-shrink:1!important;width:100%!important;height:auto!important;max-height:42vh!important}.dashboard-splitter{display:none}.viewport-top-overlay{gap:6px!important;top:8px!important;left:8px!important;right:8px!important}.floating-hud{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex-shrink:1!important;gap:5px!important;max-width:calc(100% - 130px)!important;padding:5px 8px!important;font-size:11px!important;top:auto!important;left:auto!important}.floating-3d-tools,.floating-2d-tools{flex-shrink:0!important;gap:4px!important;padding:4px!important;top:auto!important;right:auto!important}.floating-3d-tools .btn,.floating-2d-tools .btn{padding:4px 6px!important;font-size:11px!important}.timeline-footer{gap:6px!important;width:min(96vw,440px)!important;padding:6px 10px!important;bottom:66px!important}.timeline-controls-row{gap:6px!important}.timeline-controls-row .btn-primary{flex-shrink:0;width:32px!important;height:32px!important;padding:0!important}.timeline-controls-row .btn-secondary{flex-shrink:0;padding:4px 7px!important}.timeline-controls-row .timeline-status-pill{flex-shrink:0;min-width:auto!important;padding:2px 6px!important;font-size:10px!important}.timeline-controls-row .timeline-percent-readout{flex-shrink:0;min-width:34px!important;font-size:11px!important}.timeline-controls-row .timeline-minimize-btn{flex-shrink:0;padding:4px 6px!important}.timeline-footer-collapsed{min-width:200px!important;padding:5px 12px!important;bottom:66px!important}.timeline-header{flex-direction:column;align-items:flex-start;gap:6px}.timeline-step-info,.step-name{font-size:11px}.timeline-header>div:last-child{width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.modal-card{border-radius:var(--radius-lg);width:96vw;max-height:90vh}.modal-body{padding:16px}.dieline-import-layout{flex-direction:column!important}.dieline-specs-column{width:100%!important}.guide-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.export-modal-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.timeline-speed-btn{display:none!important}.mobile-short-label{display:inline!important}.mobile-full-label{display:none!important}.mobile-view-btn{padding:5px 4px!important}.mobile-view-label{font-size:9.5px!important}}.dieline-import-layout{align-items:stretch;gap:20px;min-height:480px;display:flex}.dieline-preview-column{flex-direction:column;flex:1.3;gap:12px;min-width:0;display:flex}.dieline-dropzone-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dieline-canvas-scroll{background:var(--canvas-bg);background-image:linear-gradient(45deg, var(--bg-tertiary) 25%, transparent 25%), linear-gradient(-45deg, var(--bg-tertiary) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg-tertiary) 75%), linear-gradient(-45deg, transparent 75%, var(--bg-tertiary) 75%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex:1;justify-content:center;align-items:center;min-height:380px;max-height:480px;padding:12px;display:flex;position:relative;overflow:auto}.dieline-canvas-scroll canvas{box-shadow:var(--shadow-md);border-radius:4px}.empty-dropzone{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.ruler-calibration-bar{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.dieline-specs-column{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;gap:12px;width:330px;max-height:560px;padding:16px;display:flex;overflow-y:auto}.measurement-guide-container{flex-direction:column;gap:16px;display:flex}.guide-hero{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-lg);padding:16px 20px}.guide-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.guide-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:18px;transition:all .2s;display:flex}.guide-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);transform:translateY(-2px)}.guide-card-header{flex-direction:column;gap:6px;display:flex}.guide-card-header h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.method-pill{text-transform:uppercase;letter-spacing:.5px;background:var(--theme-primary);color:#fff;border-radius:9999px;align-self:flex-start;padding:3px 8px;font-size:10px;font-weight:700}.guide-text{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.guide-list{color:var(--text-muted);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:12px;display:flex}.guide-list code{background:var(--bg-tertiary);color:var(--text-accent);border-radius:4px;padding:2px 5px;font-size:11px}.zoom-bar{z-index:12;background:var(--bg-hud);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:999px;flex-direction:column;align-items:center;gap:6px;padding:8px 5px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.zoom-bar-btn{border:1px solid var(--border-subtle);background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-primary);cursor:pointer;transition:background-color .25s var(--ease-smooth), color .25s var(--ease-smooth), border-color .25s var(--ease-smooth), transform .2s var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.zoom-bar-btn:hover:not(:disabled){border-color:var(--border-active);color:var(--text-accent)}.zoom-bar-btn:disabled{opacity:.4;cursor:default}.zoom-bar-track{width:28px;height:120px;position:relative}.zoom-bar-slider{appearance:none;cursor:pointer;background:0 0;width:120px;height:20px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.zoom-bar-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--theme-primary) 0%, var(--theme-primary) var(--progress,50%), var(--border-glass) var(--progress,50%), var(--border-glass) 100%);border-radius:4px;height:4px}.zoom-bar-slider::-moz-range-track{background:var(--border-glass);border-radius:4px;height:4px}.zoom-bar-slider::-moz-range-progress{background:var(--theme-primary);border-radius:4px;height:4px}.zoom-bar-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--theme-primary);border:2px solid var(--bg-secondary);width:14px;height:14px;box-shadow:var(--theme-glow);border-radius:50%;margin-top:-5px}.zoom-bar-slider::-moz-range-thumb{background:var(--theme-primary);border:2px solid var(--bg-secondary);border-radius:50%;width:12px;height:12px}.zoom-bar-readout{font-family:var(--font-mono);color:var(--text-accent);text-align:center;min-width:34px;font-size:10px;font-weight:700}@media (max-width:768px){.zoom-bar{gap:3px;padding:5px 3px;top:45%;right:8px}.zoom-bar-track{width:24px;height:75px}.zoom-bar-slider{width:75px}.zoom-bar-btn{width:24px;height:24px}.zoom-bar-readout{min-width:28px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-container{height:100dvh}@media (max-width:1024px){.mobile-view-selector-panel{box-sizing:border-box;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.main-workspace{min-height:0;margin-bottom:calc(62px + env(safe-area-inset-bottom,0px));flex:auto!important;height:auto!important}.timeline-footer,.timeline-footer-collapsed{bottom:12px!important}}