:root{--top-bar-height: 40px;--primary: #7bafff;--primary-blue: #5ea2ff;--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text: #ffffff;--text-dim: rgba(255, 255, 255, .55);--window-bg: rgba(0, 0, 0, .6);--window-blur: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;overflow:hidden;background:#0e0e0e;min-height:100vh}#root{width:100vw;height:100vh;position:relative}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:400% 400%;animation:gradientMove 15s ease infinite}.top-bar{position:fixed;top:0;left:0;right:0;height:var(--top-bar-height);background:#0006;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding:0 20px;z-index:10000}.top-bar-left{flex:1}.top-bar-center{flex:1;display:flex;justify-content:center}.top-bar-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.top-bar-date{color:#ffffffe6;font-weight:300;font-size:14px;letter-spacing:-.025em;white-space:nowrap}.top-bar-icon{font-size:20px;color:#ffffff80;cursor:pointer;transition:color .2s;padding:4px;border-radius:8px}.top-bar-icon:hover{color:#ffffffe6}.top-bar-icon.active{color:var(--primary)}.fps-counter{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-right:10px;padding:2px 7px;border-radius:6px;background:#00000059;border:1px solid rgba(255,255,255,.08);cursor:default;white-space:nowrap}.fps-counter.fps-good{color:#4ade80}.fps-counter.fps-ok{color:#facc15}.fps-counter.fps-bad{color:#f87171}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19000}.overlay-backdrop.dark{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-settings-panel{position:fixed;top:calc(var(--top-bar-height) + 8px);right:16px;width:272px;background:#080814eb;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 50px #000000b3;z-index:20000;padding:20px}.qs-header{font-size:13px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.qs-label{font-size:12px;font-weight:500;color:#ffffff80;margin-bottom:10px}.qs-swatch-row{display:flex;gap:10px;flex-wrap:wrap}.qs-bg-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s;flex-shrink:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.color-swatch.lg{width:36px;height:36px}.bg-swatch{height:52px;border-radius:10px;border:2px solid transparent;cursor:pointer;background-size:200% 200%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:transform .15s,border-color .15s}.bg-swatch:hover{transform:scale(1.04)}.bg-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #fff3}.bg-swatch-name{font-size:10px;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.8)}.qs-full-settings-btn{margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;font-family:Inter,sans-serif;font-size:13px;cursor:pointer;transition:background .15s}.qs-full-settings-btn:hover{background:#ffffff1a;color:#fff}.qs-full-settings-btn .material-symbols-outlined{font-size:18px}.desktop-icons{position:absolute;top:calc(var(--top-bar-height) + 40px);right:32px;display:flex;flex-direction:column;gap:24px;align-items:center;opacity:.6;transition:opacity .3s;z-index:1}.desktop-icons:hover{opacity:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.desktop-icon-bg{width:56px;height:56px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);transition:background .2s}.desktop-icon:hover .desktop-icon-bg{background:#ffffff1a}.desktop-icon-bg .material-symbols-outlined{font-size:28px;color:#fffc}.desktop-icon-label{font-size:11px;font-weight:500;color:#ffffffb3}.window{position:absolute;border-radius:16px;background:var(--window-bg);backdrop-filter:blur(var(--window-blur));-webkit-backdrop-filter:blur(var(--window-blur));border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0009;display:flex;flex-direction:column;overflow:hidden}.window-header{height:48px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 16px;gap:16px;cursor:move;flex-shrink:0;-webkit-user-select:none;user-select:none;touch-action:none}.window-nav{display:flex;align-items:center;gap:2px}.window-nav .material-symbols-outlined{font-size:20px;color:#ffffff4d;cursor:pointer;padding:2px;transition:color .15s}.window-nav .material-symbols-outlined:hover{color:#ffffffe6}.window-title{font-weight:600;font-size:14px;color:#ffffffe6;flex:1}.window-actions{display:flex;align-items:center;gap:12px}.window-action-icon{font-size:18px;color:#ffffff4d;cursor:pointer;transition:color .15s}.window-action-icon:hover{color:#ffffffe6}.window-controls{display:flex;align-items:center;gap:6px;margin-left:4px}.window-control{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;flex-shrink:0}.window-control:hover{background:#ffffff1f}.window-control:active{transform:scale(.92)}.ctrl-dash{display:block;width:10px;height:2px;background:#ffffffb3;border-radius:9999px}.ctrl-box{display:block;width:10px;height:10px;border:2px solid rgba(255,255,255,.7);border-radius:2px}.window-control.close{background:#e01b24;box-shadow:0 2px 8px #e01b2466}.window-control.close:hover{background:#ff2a33}.window-control.close .material-symbols-outlined{font-size:14px;font-weight:700;color:#fff}.window-content{flex:1;overflow:auto;background:#ffffff03}.window.maximized{border-radius:0!important;box-shadow:none!important;border-left:none!important;border-right:none!important;border-bottom:none!important}.rh{position:absolute;z-index:20}.rh-n{top:-4px;left:12px;right:12px;height:8px;cursor:ns-resize}.rh-s{bottom:-4px;left:12px;right:12px;height:8px;cursor:ns-resize}.rh-e{right:-4px;top:12px;bottom:12px;width:8px;cursor:ew-resize}.rh-w{left:-4px;top:12px;bottom:12px;width:8px;cursor:ew-resize}.rh-ne{top:-4px;right:-4px;width:16px;height:16px;cursor:ne-resize}.rh-nw{top:-4px;left:-4px;width:16px;height:16px;cursor:nw-resize}.rh-se{bottom:-4px;right:-4px;width:16px;height:16px;cursor:se-resize}.rh-sw{bottom:-4px;left:-4px;width:16px;height:16px;cursor:sw-resize}@media (max-width: 768px){.rh{display:none}}.bottom-dock{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000}.bottom-dock-inner{background:#0f172a80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:9999px;padding:10px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 50px #00000080;outline:1px solid rgba(255,255,255,.1)}.dock-separator{width:1px;height:28px;background:#ffffff1f;flex-shrink:0}.app-icon{width:44px;height:44px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s;flex-shrink:0;position:relative}.app-icon:hover{transform:scale(1.12);background:#ffffff1f}.app-icon:active{transform:scale(.94)}.app-icon .material-symbols-outlined{font-size:22px;color:#ffffff80;transition:color .2s}.app-icon.active{background:#7bafff2e}.app-icon.active .material-symbols-outlined{color:var(--primary)}.app-icon.minimized{opacity:.6}.app-icon.minimized .material-symbols-outlined{color:#ffffff59}.dock-dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#ffffff80}.app-drawer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;max-width:calc(100vw - 32px);background:#080814eb;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 30px 70px #000c;z-index:20000;padding:24px;max-height:80vh;overflow-y:auto}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-title{font-size:18px;font-weight:600;color:#fff}.drawer-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff12;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.drawer-close-btn:hover{background:#ffffff24}.drawer-close-btn .material-symbols-outlined{font-size:18px;color:#ffffffb3}.drawer-section-label{font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.drawer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:8px}.drawer-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:8px 4px;border-radius:14px;transition:background .15s}.drawer-item:hover{background:#ffffff0f}.drawer-item-icon{width:60px;height:60px;border-radius:16px;background:#ffffff14;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);transition:background .15s}.drawer-item:hover .drawer-item-icon{background:#ffffff21}.drawer-item-icon .material-symbols-outlined{font-size:30px;color:var(--primary)}.drawer-item-icon.demo .material-symbols-outlined{color:#ffffff59}.drawer-item.demo .drawer-item-icon{background:#ffffff0a;border-color:#ffffff0f}.drawer-item.demo .drawer-item-label{color:#fff6}.drawer-item-label{font-size:12px;font-weight:500;color:#fffc;text-align:center}.drawer-divider{display:flex;align-items:center;gap:12px;margin:20px 0 8px}.drawer-divider-line{flex:1;height:1px;background:#ffffff1a}.drawer-divider-label{font-size:11px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.drawer-demo-note{font-size:12px;color:#ffffff4d;margin-bottom:12px;font-style:italic}.calculator{container-type:size;container-name:calc;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:clamp(8px,2.5cqw,20px);gap:clamp(6px,1.5cqh,16px)}.calculator-display{flex:0 0 22cqh;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:clamp(8px,2cqw,18px);background:#0003;border-radius:clamp(8px,2cqw,14px);overflow:hidden}.calculator-display-history{color:#fff6;font-size:clamp(10px,3cqh,16px);text-align:right;line-height:1.3}.calculator-display-value{color:#fff;font-size:clamp(18px,9cqh,56px);font-weight:300;letter-spacing:-.02em;word-break:break-all;line-height:1.1;text-align:right}.calculator-buttons{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:clamp(4px,1.5cqmin,12px)}.calculator-button{border-radius:9999px;border:none;background:#ffffff1a;color:#fff;font-family:Inter,sans-serif;font-size:clamp(10px,4.5cqmin,22px);font-weight:400;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}.calculator-button:hover{background:#ffffff2b}.calculator-button:active{transform:scale(.94)}.calculator-button.operator{background:#5ea2ffcc;font-size:clamp(12px,5cqmin,26px);font-weight:700}.calculator-button.operator:hover{background:#5ea2ff}.calculator-button.primary{background:var(--primary-blue);font-size:clamp(12px,5cqmin,26px);font-weight:700}.calculator-button.primary:hover{background:var(--primary)}.calculator-button.accent{background:#ffffff26;font-size:clamp(9px,3.5cqmin,16px);font-weight:500}.calculator-button.wide{grid-column:span 2;justify-content:flex-start;padding-left:clamp(14px,4.5cqmin,28px);border-radius:9999px}.files-app{display:flex;height:100%;overflow:hidden}.files-sidebar{width:200px;background:#ffffff08;padding:16px;display:flex;flex-direction:column;gap:4px;border-right:1px solid rgba(255,255,255,.05);flex-shrink:0;overflow-y:auto}.files-sidebar-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;font-size:14px;cursor:pointer;transition:background .15s;color:#fff9}.files-sidebar-item.active{background:#ffffff1a;color:#fff;font-weight:600}.files-sidebar-item:not(.active):hover{background:#ffffff0d}.files-sidebar-item .material-symbols-outlined{font-size:20px}.files-grid{flex:1;padding:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-content:start;overflow-y:auto}.files-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.files-item-icon{width:76px;height:76px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);transition:background .2s}.files-item:hover .files-item-icon{background:#ffffff1a}.files-item-icon .material-symbols-outlined{font-size:40px;color:var(--primary)}.files-item-label{font-size:12px;font-weight:500;color:#fffc;text-align:center}.browser-app{padding:20px;height:100%;display:flex;flex-direction:column;gap:16px}.browser-url-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.browser-url-bar .material-symbols-outlined{font-size:18px;color:#ffffff80}.browser-url-text{flex:1;color:#fff9;font-size:13px}.browser-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex:1}.browser-tile{border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;cursor:pointer;min-height:80px;background-size:cover;transition:opacity .2s}.browser-tile:hover{opacity:.85}.settings-app{padding:clamp(14px,4cqw,28px);height:100%;overflow-y:auto;container-type:inline-size;container-name:stg}.settings-section{margin-bottom:32px}.settings-section-title{font-size:clamp(10px,2.5cqw,11px);font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.settings-row{display:flex;flex-direction:column;gap:12px;padding:clamp(12px,3cqw,16px);background:#ffffff0a;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.settings-row-label{display:flex;align-items:center;gap:10px;font-size:clamp(12px,3cqw,14px);font-weight:500;color:#fffc}.settings-row-label .material-symbols-outlined{font-size:18px;color:#fff6}.settings-swatches{display:flex;gap:10px;flex-wrap:wrap;padding-left:28px}.settings-bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-left:28px}@container stg (max-width: 360px){.settings-bg-grid{grid-template-columns:repeat(2,1fr);padding-left:0}.settings-bg-tile{height:52px}.settings-swatches,.settings-sliders{padding-left:0}}.settings-bg-tile{height:64px;border-radius:12px;border:2px solid transparent;cursor:pointer;background-size:300% 300%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:transform .15s,border-color .15s}.settings-bg-tile:hover{transform:scale(1.04)}.settings-bg-tile.active{border-color:#fff;box-shadow:0 0 0 2px #fff3}.settings-bg-name{font-size:10px;font-weight:600;color:#fffc;text-shadow:0 1px 4px rgba(0,0,0,.9)}.settings-sliders{display:flex;flex-direction:column;gap:14px;padding-left:28px}.settings-slider-row{display:flex;align-items:center;gap:10px}.settings-slider-label{font-size:12px;font-weight:500;color:#ffffff80;width:48px;flex-shrink:0}.settings-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:9999px;background:#ffffff1f;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px #00000080;cursor:pointer}.settings-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:none;background:var(--primary);cursor:pointer}.settings-slider-value{font-size:11px;font-weight:600;color:#fff6;font-variant-numeric:tabular-nums;width:36px;text-align:right;flex-shrink:0}.stl-root{container-type:inline-size;container-name:stl;display:flex;height:100%;background:transparent;color:#e2e8f0;font-family:system-ui,sans-serif;overflow:hidden}.stl-sidebar{width:clamp(160px,22%,220px);flex-shrink:0;background:#00000040;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.stl-sidebar-header{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);font-size:clamp(9px,2cqw,10px);font-weight:700;letter-spacing:1.5px;color:#475569;text-transform:uppercase;flex-shrink:0}.stl-sidebar-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.stl-empty-msg{padding:24px 16px;font-size:12px;color:#334155;text-align:center;line-height:1.6}.stl-model-btn{width:100%;text-align:left;padding:9px 14px;cursor:pointer;background:transparent;border:none;border-left:2px solid transparent;font-size:clamp(10px,2cqw,12px);display:flex;align-items:center;gap:8px;color:#64748b;transition:background .15s,color .15s;font-family:inherit}.stl-model-btn:hover{background:#ffffff0a;color:#94a3b8}.stl-model-btn.active{background:#7bafff1f;border-left-color:#7bafff;color:#e2e8f0}.stl-model-icon{font-size:15px!important;color:#334155;flex-shrink:0;transition:color .15s}.stl-model-btn.active .stl-model-icon{color:#7bafff}.stl-model-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stl-add-label{margin:10px;padding:7px 0;background:transparent;border:1px solid #1e3a5f;border-radius:6px;font-size:clamp(10px,2cqw,12px);font-weight:500;color:#7bafff;cursor:pointer;text-align:center;display:block;flex-shrink:0;transition:background .15s}.stl-add-label:hover{background:#7bafff14}.stl-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.stl-toolbar{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap}.stl-toolbar-btn{padding:3px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#475569;font-size:clamp(9px,1.8cqw,11px);cursor:pointer;font-weight:500;font-family:inherit;transition:all .15s;white-space:nowrap}.stl-toolbar-btn:hover{color:#94a3b8;border-color:#ffffff26}.stl-toolbar-btn.active{border-color:#2563eb;background:#1e3a5f;color:#7bafff}.stl-model-hint{margin-left:auto;font-size:clamp(8px,1.5cqw,10px);color:#334155;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl-viewport{flex:1;position:relative;touch-action:none}.stl-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2563eb26;border:2px dashed #3b82f6;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.stl-drop-hint{text-align:center;color:#7bafff}.stl-drop-hint .material-symbols-outlined{font-size:52px;display:block;margin-bottom:8px}.stl-drop-hint-text{font-size:15px;font-weight:600}.stl-no-models{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.stl-no-models-inner{text-align:center}.stl-no-models-inner .material-symbols-outlined{font-size:72px;display:block;margin-bottom:14px;color:#1e2a3a}.stl-no-models-title{font-size:16px;font-weight:600;margin-bottom:6px;color:#334155}.stl-no-models-sub{font-size:12px;color:#1e2a3a}@container stl (max-width: 520px){.stl-root{flex-direction:column}.stl-sidebar{width:100%;height:44px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);flex-direction:row;align-items:center;overflow:hidden}.stl-sidebar-header{display:none}.stl-sidebar-list{flex:1;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 6px;gap:4px;scrollbar-width:none}.stl-sidebar-list::-webkit-scrollbar{display:none}.stl-empty-msg{padding:0 12px;font-size:11px;white-space:nowrap;text-align:left;display:flex;align-items:center}.stl-model-btn{padding:4px 10px;border-left:none;border-radius:20px;border:1px solid rgba(255,255,255,.07);white-space:nowrap;min-width:0;flex-shrink:0;font-size:11px}.stl-model-btn.active{border-left-color:transparent;background:#7bafff2e;border-color:#7bafff}.stl-model-icon{display:none}.stl-add-label{margin:0 6px 0 4px;padding:4px 10px;border-radius:20px;width:auto;flex-shrink:0;font-size:11px}.stl-toolbar{padding:4px 8px;gap:4px;min-height:0}.stl-toolbar-btn{padding:3px 8px;font-size:10px}.stl-model-hint{display:none}}.gph{container-type:size;container-name:gph;height:100%;overflow:hidden;display:flex;flex-direction:column}.gph-body{flex:1;display:flex;overflow:hidden}@container gph (max-width: 500px){.gph-body{flex-direction:column}.gph-sidebar{width:100%!important;height:210px;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.07);flex-direction:row}.gph-sidebar-scroll{flex-direction:row;flex-wrap:wrap;gap:6px}.gph-toolbar{border-top:none;border-left:1px solid rgba(255,255,255,.07);flex-direction:column;width:44px;padding:6px}.gph-toolbar-hint{display:none}}.gph-sidebar{width:256px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.gph-sidebar-scroll{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.gph-canvas-wrap{flex:1;position:relative;overflow:hidden;background:#00000026}.gph-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:crosshair;touch-action:none}.gph-section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 6px}.gph-section-title{font-size:10px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em}.gph-add-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;font-size:16px;line-height:1;padding:1px 7px 2px;transition:all .15s;font-family:inherit}.gph-add-btn:hover{background:#ffffff1f;color:#fff}.gph-expr-row{display:flex;align-items:center;gap:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:7px 9px;transition:border-color .15s;position:relative}.gph-expr-row:focus-within{border-color:#ffffff2e}.gph-expr-row.gph-error{border-color:#f8717166}.gph-color-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;cursor:pointer;transition:transform .15s}.gph-color-dot:hover{transform:scale(1.3)}.gph-color-dot.hidden{opacity:.3}.gph-expr-input{flex:1;background:none;border:none;color:#ffffffe0;font-size:clamp(11px,3.5cqw,15px);font-family:Inter,monospace;outline:none;min-width:0}.gph-expr-input::placeholder{color:#ffffff2e}.gph-expr-input.hidden{opacity:.35}.gph-del-btn{background:none;border:none;color:#fff3;cursor:pointer;padding:1px 4px;border-radius:4px;font-size:15px;line-height:1;transition:color .15s;flex-shrink:0;font-family:inherit}.gph-del-btn:hover{color:#f87171}.gph-var-row{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:9px 10px 7px}.gph-var-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:12px}.gph-var-name{font-style:italic;font-weight:700;color:#ffffffd9}.gph-var-value{color:var(--primary);font-variant-numeric:tabular-nums;font-size:12px}.gph-var-slider{width:100%;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;accent-color:var(--primary);cursor:pointer}.gph-toolbar{flex-shrink:0;border-top:1px solid rgba(255,255,255,.07);padding:7px 10px;display:flex;align-items:center;gap:5px}.gph-tool-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#ffffff73;cursor:pointer;transition:all .15s;font-family:inherit;flex-shrink:0}.gph-tool-btn:hover{background:#ffffff1a;color:#ffffffd9}.gph-tool-btn.active{background:#7bafff26;color:var(--primary);border-color:#7bafff4d}.gph-tool-btn .material-symbols-outlined{font-size:16px!important}.gph-toolbar-hint{flex:1;text-align:right;font-size:10px;color:#ffffff2e;white-space:nowrap;overflow:hidden}.gph-zoom-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:4px}.gph-zoom-btn{width:30px;height:30px;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffffa6;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}.gph-zoom-btn:hover{background:#000000b3;color:#fff}.gph-reset-btn{position:absolute;top:12px;left:12px;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#ffffff8c;cursor:pointer;font-size:11px;font-weight:600;padding:5px 10px;transition:all .15s;font-family:inherit;display:flex;align-items:center;gap:4px}.gph-reset-btn:hover{color:#fff;background:#000000b3}.gph-reset-btn .material-symbols-outlined{font-size:14px!important}.gph-coord{position:absolute;bottom:10px;left:12px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 9px;font-size:11px;color:#fff9;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.shopcalc{container-type:size;container-name:sc;height:100%;overflow:hidden;display:flex;flex-direction:column;font-size:clamp(13px,2.8cqw,15px)}.sc-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.sc-inputs{flex:1;overflow-y:auto;padding:clamp(10px,2.5cqw,18px);display:flex;flex-direction:column;gap:10px}.sc-summary-col{overflow-y:auto;padding:clamp(10px,2.5cqw,18px);display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.07)}@container sc (min-width: 520px){.sc-body{flex-direction:row}.sc-inputs{border-right:1px solid rgba(255,255,255,.07);flex:3}.sc-summary-col{flex:2;border-top:none;min-width:0}}.sc-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden;flex-shrink:0}.sc-section-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;cursor:pointer;background:none;border:none;color:#ffffffd9;font-size:inherit;font-family:inherit;font-weight:600;width:100%;text-align:left;transition:background .15s}.sc-section-header:hover{background:#ffffff0a}.sc-chevron{font-size:18px!important;color:#fff6;transition:transform .2s;flex-shrink:0}.sc-chevron.rotated{transform:rotate(-90deg)}.sc-section-body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.sc-item-row{display:flex;align-items:flex-end;gap:8px}.sc-item-label{font-size:10px;font-weight:500;color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.sc-price-wrap{flex:1;position:relative}.sc-price-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffffff59;font-weight:600;pointer-events:none;font-size:14px}.sc-price-input{width:100%;padding:9px 10px 9px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:clamp(13px,3cqw,15px);font-family:Inter,monospace;outline:none;transition:border-color .15s}.sc-price-input:focus{border-color:var(--primary)}.sc-price-input::placeholder{color:#fff3}.sc-price-input::-webkit-outer-spin-button,.sc-price-input::-webkit-inner-spin-button{-webkit-appearance:none}.sc-price-input[type=number]{-moz-appearance:textfield}.sc-delete-btn{background:none;border:none;color:#f8717180;cursor:pointer;padding:7px;border-radius:7px;display:flex;align-items:center;transition:background .15s,color .15s;flex-shrink:0}.sc-delete-btn:hover{background:#f871711a;color:#f87171}.sc-delete-btn .material-symbols-outlined{font-size:17px!important}.sc-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:transparent;border:1px dashed rgba(255,255,255,.14);border-radius:8px;color:#fff6;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;transition:all .15s;width:100%}.sc-add-btn:hover{background:#ffffff0d;color:#ffffffb3;border-color:var(--primary)}.sc-add-btn .material-symbols-outlined{font-size:16px!important}.sc-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}@container sc (max-width: 380px){.sc-preset-grid{grid-template-columns:repeat(2,1fr)}}.sc-preset-btn{padding:8px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffa6;cursor:pointer;font-size:clamp(11px,2.5cqw,13px);font-weight:600;font-family:Inter,sans-serif;transition:all .15s;text-align:center}.sc-preset-btn:hover{background:#ffffff1a;color:#fff}.sc-preset-btn.active{background:var(--primary);color:#000;border-color:var(--primary)}.sc-field-label{font-size:10px;font-weight:500;color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.sc-input{width:100%;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;font-family:Inter,sans-serif;outline:none;transition:border-color .15s}.sc-input:focus{border-color:var(--primary)}.sc-input::placeholder{color:#fff3}.sc-tax-input{padding-right:26px}.sc-input::-webkit-outer-spin-button,.sc-input::-webkit-inner-spin-button{-webkit-appearance:none}.sc-input[type=number]{-moz-appearance:textfield}.sc-savings-pill{text-align:center;padding:6px 10px;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:8px;color:#4ade80;font-size:12px;font-weight:600}.sc-tax-row{display:flex;gap:8px;align-items:flex-end}.sc-tax-input-wrap{flex:1}.sc-tax-inner{position:relative}.sc-tax-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#ffffff59;font-size:13px;pointer-events:none}.sc-pr-btn{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffa6;cursor:pointer;font-size:clamp(10px,2.2cqw,12px);font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;transition:all .15s;margin-bottom:0}.sc-pr-btn:hover{background:#ffffff1a;color:#fff}.sc-slider{width:100%;height:5px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;accent-color:var(--primary);margin-top:2px}.sc-slider-labels{display:flex;justify-content:space-between;margin-top:4px;color:#ffffff40;font-size:10px}.sc-summary-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:clamp(10px,2.5cqw,16px)}.sc-summary-title{font-size:clamp(12px,3cqw,14px);font-weight:700;color:#ffffffd9;margin-bottom:10px;text-align:center;letter-spacing:.02em}.sc-summary-items{max-height:130px;overflow-y:auto;margin-bottom:8px;background:#00000026;border-radius:8px;padding:6px 8px}.sc-summary-item{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:clamp(11px,2.5cqw,12px);color:#ffffff8c}.sc-summary-item:last-child{border-bottom:none}.sc-summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0;border-top:1px solid rgba(255,255,255,.06)}.sc-summary-label{font-size:12px;color:#ffffff8c}.sc-summary-value{font-size:13px;font-weight:600;color:#ffffffd9;font-variant-numeric:tabular-nums}.sc-discount-row .sc-summary-label,.sc-discount-row .sc-summary-value{color:#4ade80}.sc-total-row{border-top:1px solid rgba(255,255,255,.18)!important;padding-top:10px;margin-top:2px}.sc-total-row .sc-summary-label{font-size:13px;font-weight:700;color:#fff}.sc-total-row .sc-summary-value{font-size:clamp(18px,4.5cqw,26px);color:var(--primary)}.sc-empty{text-align:center;padding:24px 10px;color:#ffffff40;font-size:13px}.sc-actions{display:flex;flex-direction:column;gap:7px}.sc-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:500;font-family:Inter,sans-serif;transition:all .15s;width:100%}.sc-btn:hover{background:#ffffff1a;color:#fff}.sc-btn.sc-btn-danger{border-color:#f8717133}.sc-btn.sc-btn-danger:hover{background:#f871711a;color:#f87171}.sc-btn .material-symbols-outlined{font-size:16px!important}@media (max-width: 768px){.window-control.maximize,.desktop-icons{display:none}.window{position:fixed!important;top:var(--top-bar-height)!important;left:0!important;right:0!important;bottom:88px!important;width:100%!important;height:auto!important;border-radius:0;border-left:none;border-right:none}.bottom-dock{bottom:12px}.bottom-dock-inner{padding:8px 16px;gap:10px}.app-icon{width:40px;height:40px}.app-icon .material-symbols-outlined{font-size:20px}.files-grid{grid-template-columns:repeat(3,1fr);padding:16px;gap:16px}.files-sidebar{width:160px}.top-bar-date{font-size:12px}.drawer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.files-sidebar{display:none}.files-grid{grid-template-columns:repeat(3,1fr)}}.kb-root{container-type:inline-size;container-name:kb;display:flex;flex-direction:column;height:100%;overflow:hidden;font-size:clamp(13px,3.5cqw,15px)}.kb-scroll{flex:1;overflow-y:auto;padding:clamp(12px,4cqw,20px);padding-bottom:0}.kb-section-label{font-size:clamp(12px,2.8cqw,13px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.kb-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;margin-bottom:4px;transition:background .15s}.kb-row:hover{background:#ffffff0d}.kb-row-active{background:#7bafff14}.kb-row-disabled{opacity:.35;pointer-events:none}.kb-row-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.kb-row-name{font-size:clamp(12px,3.2cqw,14px);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-row-price{font-size:clamp(12px,2.5cqw,13px);color:var(--text-dim)}.kb-qty{display:flex;align-items:center;gap:6px;flex-shrink:0}.kb-qty-val{font-size:clamp(12px,3cqw,14px);font-weight:600;color:var(--text);min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.kb-btn{width:clamp(44px,11cqw,48px);height:clamp(44px,11cqw,48px);border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;color:var(--text);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s;flex-shrink:0}.kb-btn:hover:not(:disabled){background:#ffffff24}.kb-btn:disabled{opacity:.3;cursor:default}.kb-row-line{font-size:clamp(12px,3cqw,14px);font-weight:600;color:var(--primary);min-width:52px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.kb-spacer{height:16px}.kb-footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.1);padding:clamp(10px,3cqw,16px);background:#00000040;display:flex;flex-direction:column;gap:4px}.kb-footer-row{display:flex;justify-content:space-between;font-size:clamp(12px,3cqw,13px);color:var(--text-dim);font-variant-numeric:tabular-nums}.kb-subtotal-row{color:var(--text);font-weight:600;margin-top:2px}.kb-tax-row{font-size:clamp(11px,2.5cqw,12px);color:var(--text-dim);opacity:.7}.kb-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.kb-total span:first-child{font-size:clamp(12px,2.8cqw,13px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.kb-total-amount{font-size:clamp(22px,7cqw,32px);font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}