:root{--bg: #f3f4f7;--plan-bg: #f1f2f6;--plan-grid: rgba(15, 23, 42, .045);--plan-grid-major: rgba(15, 23, 42, .085);--plan-floor: #ffffff;--plan-wall: #1c2130;--plan-item: #ffffff;--plan-item2: #eef0f5;--plan-item3: #dfe3ec;--plan-item-stroke: #586176;--plan-item-faint: rgba(88, 97, 118, .42);--plan-window: #3b82f6;--plan-door: #3d4456;--label-bg: rgba(255, 255, 255, .94);--surface: rgba(255, 255, 255, .8);--surface-solid: #ffffff;--surface-2: rgba(15, 23, 42, .035);--surface-3: rgba(15, 23, 42, .065);--surface-hover: rgba(15, 23, 42, .05);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--text: #0f1729;--text-2: #394256;--muted: #6b7489;--accent: #5b5cf0;--accent-2: #9a5cf6;--accent-soft: rgba(91, 92, 240, .1);--accent-ring: rgba(91, 92, 240, .35);--danger: #e5484d;--success: #12a594;--contrast-bg: #0f1729;--contrast-fg: #ffffff;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -8px rgba(15, 23, 42, .14), 0 24px 56px -16px rgba(15, 23, 42, .12);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 2px 8px -2px rgba(15, 23, 42, .08);--glass-hl: inset 0 1px 0 rgba(255, 255, 255, .7);--radius: 16px;--radius-sm: 10px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}html.dark{--bg: #0a0c11;--plan-bg: #0b0d13;--plan-grid: rgba(255, 255, 255, .032);--plan-grid-major: rgba(255, 255, 255, .065);--plan-floor: #141821;--plan-wall: #e6e9f1;--plan-item: #1c212d;--plan-item2: #262c3a;--plan-item3: #323a4c;--plan-item-stroke: #a6aec3;--plan-item-faint: rgba(166, 174, 195, .36);--plan-window: #7cb4ff;--plan-door: #c8cede;--label-bg: rgba(19, 23, 32, .94);--surface: rgba(21, 24, 33, .74);--surface-solid: #161a23;--surface-2: rgba(255, 255, 255, .035);--surface-3: rgba(255, 255, 255, .07);--surface-hover: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--text: #eef0f6;--text-2: #c2c7d5;--muted: #868ea4;--accent: #8b8dff;--accent-2: #b48cff;--accent-soft: rgba(139, 141, 255, .14);--accent-ring: rgba(139, 141, 255, .4);--danger: #ff6369;--success: #3dd9b8;--contrast-bg: #eef0f6;--contrast-fg: #0b0d13;--shadow: 0 0 0 1px rgba(0, 0, 0, .2), 0 12px 40px -10px rgba(0, 0, 0, .65);--shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .5);--glass-hl: inset 0 1px 0 rgba(255, 255, 255, .05);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font:500 13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;letter-spacing:-.006em}button{font:inherit;color:inherit}.ic{display:block;flex-shrink:0}.hidden{display:none!important}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.layer{position:absolute;top:0;right:0;bottom:0;left:0}#plan{display:block;touch-action:none}#view3d canvas{display:block;outline:none}.glass{background:var(--surface);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border);box-shadow:var(--shadow),var(--glass-hl)}.topbar{position:absolute;left:14px;right:14px;top:14px;height:48px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:20}.topbar>*{pointer-events:auto}.brand{height:48px;display:flex;align-items:center;gap:10px;padding:0 16px 0 10px;border-radius:14px}.brand .name{font-weight:700;font-size:15px;letter-spacing:-.02em}.brand .tag{font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:2px 7px;border-radius:999px;letter-spacing:0}.steps{margin:0 auto;height:48px;display:flex;align-items:center;gap:2px;padding:5px;border-radius:14px}.step{height:38px;display:flex;align-items:center;gap:8px;padding:0 12px 0 8px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--muted);font-weight:600;font-size:12.5px;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease)}.step:hover{background:var(--surface-hover);color:var(--text)}.step .num{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:11px;background:var(--surface-3);color:var(--muted);transition:all .25s var(--ease)}.step.done .num{background:var(--success);color:#fff}.step.active{color:var(--text);background:var(--surface-3)}.step.active .num{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 2px 8px -2px var(--accent-ring)}.step-sep{width:14px;height:1px;background:var(--border-strong)}.top-right{display:flex;gap:10px;align-items:center}.seg{display:flex;padding:4px;border-radius:12px;gap:2px;position:relative}.seg button{border:0;background:transparent;height:32px;padding:0 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;font-size:12.5px;transition:all .2s var(--ease);white-space:nowrap}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm)}html.dark .seg button.on{background:var(--surface-3)}.iconrow{display:flex;align-items:center;gap:2px;padding:6px;border-radius:14px;height:48px}.ibtn{width:36px;height:36px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--text-2);display:grid;place-items:center;transition:all .15s var(--ease);position:relative}.ibtn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.ibtn:active:not(:disabled){transform:scale(.94)}.ibtn:disabled{opacity:.35;cursor:default}.ibtn.on{background:var(--accent-soft);color:var(--accent)}.vsep{width:1px;height:20px;background:var(--border-strong);margin:0 4px}.toolbar{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:16px}.tool{width:42px;height:42px;border:0;background:transparent;border-radius:11px;cursor:pointer;color:var(--text-2);display:grid;place-items:center;position:relative;transition:all .18s var(--ease)}.tool:hover{background:var(--surface-hover);color:var(--text)}.tool.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 6px 16px -6px var(--accent-ring),inset 0 1px #ffffff40}.tool .tip,.ibtn .tip{position:absolute;left:calc(100% + 12px);top:50%;transform:translate(-4px,-50%);opacity:0;pointer-events:none;background:var(--contrast-bg);color:var(--contrast-fg);padding:6px 9px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;display:flex;gap:8px;align-items:center;transition:all .15s var(--ease);box-shadow:var(--shadow-sm)}.ibtn .tip{left:50%;top:calc(100% + 10px);transform:translate(-50%,-4px)}.tool:hover .tip{opacity:1;transform:translateY(-50%)}.ibtn:hover .tip{opacity:1;transform:translate(-50%)}kbd{font:600 10.5px/1 Inter,system-ui,sans-serif;padding:3px 5px;border-radius:5px;min-width:18px;text-align:center;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.tip kbd{background:#7f7f7f40;color:inherit;border-color:transparent}.tool-sep{height:1px;background:var(--border-strong);margin:4px 8px}.panel{position:absolute;right:14px;top:76px;bottom:14px;width:324px;z-index:15;border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.panel-scroll{flex:1;overflow-y:auto;padding:6px 0 10px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.panel section{padding:12px 16px;border-bottom:1px solid var(--border)}.panel section:last-child{border-bottom:0}.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sec-h h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.sec-h .link{border:0;background:none;color:var(--accent);font-weight:600;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:6px;display:flex;gap:5px;align-items:center}.sec-h .link:hover{background:var(--accent-soft)}.insp-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.insp-title .badge{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.insp-title .t1{font-size:15px;font-weight:700;letter-spacing:-.015em}.insp-title .t2{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.stat .v{font-size:18px;font-weight:700;letter-spacing:-.02em}.stat .l{font-size:11.5px;color:var(--muted)}.chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-weight:600;font-size:12.5px;text-align:left;transition:all .15s var(--ease);color:var(--text-2)}.chip:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}.dot{width:10px;height:10px;border-radius:4px;flex-shrink:0}.group-l{grid-column:1 / -1;font-size:11px;color:var(--muted);font-weight:600;margin:6px 2px 0}.rooms-list{display:flex;flex-direction:column;gap:2px}.room-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;cursor:pointer;border:0;background:none;width:100%;text-align:left;transition:background .15s var(--ease)}.room-row:hover{background:var(--surface-hover)}.room-row.on{background:var(--accent-soft)}.room-row .n{flex:1;font-weight:600;font-size:12.5px}.room-row .n.unset{color:var(--muted);font-style:italic;font-weight:500}.room-row .a{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-card{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:8px;cursor:pointer;text-align:left;transition:all .15s var(--ease)}.style-card:hover{border-color:var(--border-strong)}.style-card.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.swatches{display:flex;height:26px;border-radius:7px;overflow:hidden;margin-bottom:7px}.swatches span{flex:1}.style-card .sn{font-size:12px;font-weight:600}.field{margin-top:14px}.field-l{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:8px}.field-l span:last-child{color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.seg.block{display:flex;background:var(--surface-3);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.seg.block button{flex:1;justify-content:center;height:30px}.switch-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--text-2)}.switch{width:36px;height:21px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);position:relative;cursor:pointer;transition:all .2s var(--ease);flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0000004d;transition:all .2s var(--ease)}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on:after{left:17px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,var(--accent) var(--p, 50%),var(--surface-3) var(--p, 50%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:99px;background:#fff;margin-top:-6px;box-shadow:0 0 0 1px var(--border-strong),0 2px 6px #0003}input[type=range]::-moz-range-track{height:4px;border-radius:99px;background:var(--surface-3)}input[type=range]::-moz-range-progress{height:4px;border-radius:99px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:99px;background:#fff;border:0;box-shadow:0 0 0 1px var(--border-strong),0 2px 6px #0003}.btn{height:38px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:var(--text);transition:all .15s var(--ease);white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px -8px var(--accent-ring),inset 0 1px #ffffff38}.btn.primary:hover:not(:disabled){filter:brightness(1.06)}html.dark .btn.primary{color:#0b0c14}.btn.contrast{border:0;background:var(--contrast-bg);color:var(--contrast-fg)}.btn.contrast:hover:not(:disabled){opacity:.9;background:var(--contrast-bg)}.btn.danger{color:var(--danger)}.btn.lg{height:46px;font-size:14px;border-radius:13px}.btn.sq{width:46px;padding:0;flex-shrink:0}.btn-row{display:flex;gap:8px;margin-top:10px}.btn-row .btn{flex:1}.panel-foot{padding:12px 14px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;background:var(--surface-2)}.panel-foot .row{display:flex;gap:8px}.panel-foot .row .btn:first-child{flex:1}.foot-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);padding:0 2px}.tips{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.tips li{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--text-2)}.tips li .ic{margin-top:2px;color:var(--accent)}.kv{display:flex;justify-content:space-between;font-size:12.5px;padding:6px 0;color:var(--text-2);border-bottom:1px dashed var(--border)}.kv:last-child{border-bottom:0}.kv b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:14;padding:8px 14px;border-radius:999px;display:flex;gap:14px;align-items:center;font-size:12.5px;color:var(--text-2);max-width:calc(100vw - 560px);white-space:nowrap;overflow:hidden}.hint .k{display:inline-flex;gap:6px;align-items:center;color:var(--muted)}.hint b{color:var(--text);font-weight:600}.zoom{position:absolute;left:14px;bottom:14px;z-index:14;display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px}.zoom .ibtn{width:32px;height:32px}.zoom .pct{min-width:46px;text-align:center;font-size:12px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.toasts{position:absolute;top:76px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--contrast-bg);color:var(--contrast-fg);padding:10px 16px;border-radius:12px;font-weight:600;font-size:13px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;animation:tin .35s var(--ease)}.toast.out{animation:tout .3s var(--ease) forwards}@keyframes tin{0%{opacity:0;transform:translateY(-10px) scale(.97)}}@keyframes tout{to{opacity:0;transform:translateY(-8px) scale(.97)}}.popover,.menu{position:absolute;z-index:40;border-radius:16px;padding:12px;animation:pin .18s var(--ease)}.popover{width:320px}.popover .ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.popover .ph b{font-size:13.5px}.popover .ph span{font-size:12px;color:var(--muted)}@keyframes pin{0%{opacity:0;transform:translateY(4px) scale(.98)}}.menu{min-width:230px;padding:6px}.menu button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 10px;border-radius:9px;cursor:pointer;font-weight:500;font-size:13px;text-align:left;color:var(--text-2)}.menu button:hover{background:var(--surface-hover);color:var(--text)}.menu button kbd{margin-left:auto}.menu hr{border:0;height:1px;background:var(--border);margin:5px 6px}.menu .mh{font-size:11px;color:var(--muted);font-weight:600;padding:6px 10px 4px;text-transform:uppercase;letter-spacing:.07em}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:12;pointer-events:none}.empty .card{pointer-events:auto;width:min(520px,calc(100vw - 40px));padding:30px;border-radius:24px;text-align:center;animation:pin .4s var(--ease)}.empty .hero-ic{width:64px;height:64px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 16px 32px -12px var(--accent-ring)}.empty h1{margin:0 0 8px;font-size:24px;letter-spacing:-.03em;font-weight:700}.empty p{margin:0 auto 22px;color:var(--muted);font-size:14px;max-width:400px;line-height:1.55}.empty .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.flow{display:flex;justify-content:center;gap:6px;margin-top:24px;flex-wrap:wrap}.flow span{font-size:11px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:4px 8px;border-radius:999px;white-space:nowrap}.bar3d{position:absolute;left:calc(50% - 170px);bottom:18px;transform:translate(-50%);z-index:16;display:flex;align-items:center;gap:6px;padding:6px;border-radius:16px}.bar3d .seg{background:var(--surface-3);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bar3d .seg button{height:32px}.bar3d .ibtn .tip{top:auto;bottom:calc(100% + 10px);transform:translate(-50%,4px)}.bar3d .ibtn:hover .tip{transform:translate(-50%)}.busy{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;z-index:60;background:var(--bg);color:var(--muted);font-weight:600}.spinner{width:28px;height:28px;border-radius:99px;border:3px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.layer{transition:opacity .35s var(--ease)}@media(max-width:1180px){.step .lbl{display:none}.step{padding:0 8px}}@media(max-width:860px){.panel{width:auto;left:14px;top:auto;height:46vh}.hint{display:none}.bar3d{left:50%;bottom:calc(46vh + 26px)}.steps{display:none}}#library{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#080a1059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadein .25s var(--ease)}@keyframes fadein{0%{opacity:0}}.lib{width:min(1180px,calc(100vw - 40px));height:min(820px,calc(100vh - 40px));border-radius:22px;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-solid);animation:pin .3s var(--ease)}.lib-h{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 10px}.lib-t{font-size:20px;font-weight:700;letter-spacing:-.025em}.lib-s{color:var(--muted);font-size:12.5px;margin-top:2px}.lib-f{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:6px 22px 14px;border-bottom:1px solid var(--border)}.lib-cats{display:flex;flex-wrap:wrap;gap:6px}.pill{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 11px;font-weight:600;font-size:12px;cursor:pointer;color:var(--text-2);display:flex;gap:6px;align-items:center;transition:all .15s var(--ease)}.pill span{color:var(--muted);font-weight:500}.pill:hover{border-color:var(--border-strong)}.pill.on{background:var(--contrast-bg);color:var(--contrast-fg);border-color:transparent}.pill.on span{color:inherit;opacity:.6}.lib-styles{width:auto}.lib-styles button{padding:0 10px;font-size:12px}.lib-grid{flex:1;overflow-y:auto;padding:16px 22px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;align-content:start}.lib-card{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:8px 8px 10px;text-align:left;cursor:pointer;transition:all .18s var(--ease)}.lib-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.lib-img{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,var(--surface-solid),var(--surface-3));overflow:hidden}.lib-img img{width:100%;height:100%;object-fit:contain;display:block}.lib-n{font-weight:650;font-size:13px;margin:8px 2px 1px}.lib-d{font-size:11px;color:var(--muted);margin:0 2px}.ctxbar{position:absolute;z-index:30;display:flex;align-items:center;gap:2px;padding:4px;border-radius:13px;transform:translate(-50%,-100%);white-space:nowrap;pointer-events:auto;animation:pin .16s var(--ease)}.ctxbar .cb-name{display:flex;align-items:center;gap:7px;font-weight:650;font-size:12.5px;padding:0 8px 0 6px}.ctxbar .cb-name small{color:var(--muted);font-weight:500}.ctxbar .ibtn{width:32px;height:32px;border-radius:9px}.ctxbar .ibtn .tip{top:auto;bottom:calc(100% + 8px)}.ctxbar .ibtn:hover .tip{transform:translate(-50%)}.ctxbar .cb-btn{height:32px;border:0;border-radius:9px;padding:0 11px;display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:600;font-size:12.5px;background:transparent;color:var(--text-2)}.ctxbar .cb-btn:hover{background:var(--surface-hover);color:var(--text)}.ctxbar .cb-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}html.dark .ctxbar .cb-btn.primary{color:#0b0c14}.ctxbar .cb-btn.primary:hover{filter:brightness(1.06)}.ctxbar .seg{box-shadow:none;border:0;background:var(--surface-3);padding:2px;-webkit-backdrop-filter:none;backdrop-filter:none}.ctxbar .seg button{height:28px;padding:0 9px;font-size:12px}.ctxbar .pin-on{color:var(--accent)}.ctxbar .cb-name svg{color:var(--accent)}.ctxbar .ibtn.danger:hover{color:var(--danger)}.ctxbar .lglyph{display:grid;place-items:center}.ctxbar .kchip{gap:7px;font-variant-numeric:tabular-nums;position:relative}.ctxbar .kchip i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px var(--surface-3),0 0 10px currentColor}.ctxbar .kchip .tip{top:auto;bottom:calc(100% + 8px)}.ctxbar .kchip:hover .tip{opacity:1;transform:translate(-50%)}.v3-busy{position:absolute;left:calc(50% - 170px);top:50%;transform:translate(-50%,-50%) scale(.96);z-index:15;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;pointer-events:none;font-size:12.5px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:var(--shadow);opacity:0;transition:opacity .25s var(--ease),transform .25s var(--ease)}.v3-busy.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.v3-busy .spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:v3spin .8s linear infinite}@keyframes v3spin{to{transform:rotate(360deg)}}.v3-busy .bar{display:none;position:absolute;left:16px;right:16px;bottom:5px;height:3px;border-radius:99px;background:var(--accent-soft);overflow:hidden}.v3-busy .bar b{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s var(--ease)}.v3-busy.prog{padding-bottom:14px;border-radius:18px}.v3-busy.prog .bar{display:block}#view3d:has(#matPanel:not(.hidden),#fxPanel:not(.hidden)) .v3-busy{left:calc(50% + 4px)}@media(max-width:860px){.v3-busy,#view3d:has(#matPanel:not(.hidden),#fxPanel:not(.hidden)) .v3-busy{left:50%;top:30%}}.cutpanel{position:absolute;left:calc(50% - 170px);bottom:76px;transform:translate(-50%);z-index:16;width:460px;padding:10px 12px 8px;border-radius:16px;animation:pin .16s var(--ease)}.cutpanel .cut-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cutpanel .cut-t{display:flex;align-items:center;gap:7px;font-weight:650;font-size:12.5px}.cutpanel .cut-t svg{color:var(--accent)}.cutpanel .cut-presets{background:var(--surface-3);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:2px}.cutpanel .cut-presets button{height:26px;padding:0 9px;font-size:11.5px}.cutpanel .cut-row{display:grid;grid-template-columns:58px 1fr 58px;align-items:center;gap:10px;height:28px}.cutpanel .cut-row label{font-size:11.5px;font-weight:600;color:var(--text-2)}.cutpanel .cut-row b{font-size:12px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}.cutpanel .cut-foot{display:flex;align-items:center;gap:2px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.cutpanel .cut-foot span{flex:1;font-size:10.5px;color:var(--muted)}.cutpanel .cut-foot kbd{font-size:10px}.cutpanel .cb-btn{height:26px;border:0;border-radius:8px;padding:0 8px;display:flex;gap:5px;align-items:center;cursor:pointer;font-weight:600;font-size:11.5px;background:transparent;color:var(--text-2)}.cutpanel .cb-btn:hover{background:var(--surface-hover);color:var(--text)}@media(max-width:860px){.cutpanel{left:50%;bottom:calc(46vh + 84px);width:calc(100vw - 32px)}}.fxpanel{position:absolute;left:16px;top:84px;z-index:17;width:320px;max-height:calc(100% - 180px);display:flex;flex-direction:column;border-radius:16px;overflow:hidden;animation:pin .16s var(--ease)}.fxpanel .fx-h{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 8px 14px;border-bottom:1px solid var(--border)}.fxpanel .fx-t{display:flex;align-items:center;gap:8px;font-weight:650;font-size:13px}.fxpanel .fx-t svg{color:var(--accent)}.fxpanel .fx-mode{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:650;color:var(--text-2);background:var(--surface-3)}.fxpanel .fx-mode svg{color:var(--muted)}.fxpanel .fx-acts{display:flex;align-items:center;gap:2px}.fxpanel .cb-btn{height:28px;border:0;border-radius:8px;padding:0 9px;display:flex;gap:5px;align-items:center;cursor:pointer;font-weight:600;font-size:11.5px;background:transparent;color:var(--text-2)}.fxpanel .cb-btn:hover{background:var(--surface-hover);color:var(--text)}.fxpanel .fx-body{overflow-y:auto;padding:4px 6px 8px}.fxpanel .fx-sec{padding:10px 8px;border-radius:12px}.fxpanel .fx-sec+.fx-sec{border-top:1px dashed var(--border);border-radius:0}.fxpanel .fx-sh{display:flex;align-items:center;justify-content:space-between;gap:10px}.fxpanel .fx-sh b{display:block;font-size:12.5px;font-weight:650}.fxpanel .fx-sh small{display:block;font-size:11px;color:var(--muted);margin-top:1px}.fxpanel .fx-sec.off .fx-sh b{color:var(--muted)}.fxpanel .fx-ctl{margin-top:8px;display:flex;flex-direction:column;gap:2px}.fxpanel .fx-row{display:grid;grid-template-columns:78px 1fr 60px;align-items:center;gap:8px;min-height:28px}.fxpanel .fx-row label{font-size:11.5px;font-weight:600;color:var(--text-2)}.fxpanel .fx-row b{font-size:11.5px;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}.fxpanel .fx-seg{grid-column:2 / 4;display:flex;background:var(--surface-3);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:2px}.fxpanel .fx-seg button{flex:1;justify-content:center;height:26px;padding:0 6px;font-size:11.5px}@media(max-width:860px){.fxpanel{top:76px;left:16px;right:16px;width:auto;max-height:calc(54vh - 100px)}}.matpanel{width:344px}.matpanel .mat-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 22px 28px;color:var(--muted);font-size:12px}.matpanel .mat-empty svg{color:var(--accent);margin-bottom:4px}.matpanel .mat-empty b{color:var(--text);font-size:13px;font-weight:650}.matpanel .mat-cur{display:flex;align-items:center;gap:10px;padding:12px 12px 10px 14px}.matpanel .mat-sw{width:44px;height:44px;flex:none;border-radius:10px;overflow:hidden;background:var(--surface-3);display:grid;place-items:center;color:var(--muted)}.matpanel .mat-sw img{width:100%;height:100%;object-fit:cover;display:block}.matpanel .mat-ct{flex:1;min-width:0}.matpanel .mat-ct b{display:block;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matpanel .mat-ct small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matpanel .mat-adj{padding:0 12px 10px}.matpanel .mat-adj .fx-ctl{margin-top:4px}.matpanel .mat-adj-h{display:flex;align-items:center;justify-content:space-between}.matpanel .mat-adj-t{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:4px 0;cursor:pointer;color:var(--text);font:inherit;font-size:12px;font-weight:650}.matpanel .mat-adj-t svg{color:var(--accent)}.matpanel .mat-adj-t .chev{display:inline-block;color:var(--muted);transition:transform .15s var(--ease)}.matpanel .mat-adj-t .chev.open{transform:rotate(90deg)}.matpanel .mat-adj-note{margin:0 0 6px;font-size:11.5px;color:var(--muted)}.matpanel .mat-tint{grid-column:2 / 4;display:flex;align-items:center;gap:6px}.matpanel .mat-sw-in{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px 0 3px;border-radius:99px;border:1px solid var(--border);font-size:11.5px;font-weight:600;color:var(--text-2);cursor:pointer}.matpanel .mat-sw-in.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.matpanel .mat-sw-in input{width:18px;height:18px;padding:0;border:0;border-radius:99px;background:none;cursor:pointer}.matpanel .mat-sw-in input::-webkit-color-swatch-wrapper{padding:0}.matpanel .mat-sw-in input::-webkit-color-swatch{border:1px solid var(--border);border-radius:99px}.matpanel .mat-ctl{display:flex;flex-direction:column;gap:8px;padding:0 12px 10px;border-bottom:1px solid var(--border)}.matpanel .mat-scope{display:flex;background:var(--surface-3);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:2px}.matpanel .mat-scope button{flex:1;justify-content:center;height:26px;padding:0 6px;font-size:11.5px}.matpanel .mat-q{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border-radius:9px;background:var(--surface-3);color:var(--muted)}.matpanel .mat-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:12.5px}.matpanel .mat-q:focus-within{box-shadow:0 0 0 2px var(--accent-soft)}.matpanel .mat-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.matpanel .mat-note{font-size:11px;color:var(--muted);margin-right:2px}.matpanel .mchip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--text-2);font:inherit;font-size:11.5px;font-weight:600;cursor:pointer}.matpanel .mchip:hover{border-color:var(--border-strong);color:var(--text)}.matpanel .mchip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text);padding-right:6px}.matpanel .mchip.on svg{opacity:.7}.matpanel .mat-grid{overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px 12px;align-content:start;min-height:120px}.matpanel .mcard{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;color:var(--text-2);font:inherit;text-align:left}.matpanel .mcard img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;background:var(--surface-3);display:block;transition:transform .15s var(--ease)}.matpanel .mcard span{font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matpanel .mcard:hover img{transform:scale(1.04)}.matpanel .mcard:hover span{color:var(--text)}.matpanel .mcard.on img{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 4px var(--accent)}.matpanel .mcard.on span{color:var(--text);font-weight:650}.matpanel .mat-msg{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 8px;font-size:12px;color:var(--muted);text-align:center}.matpanel .mat-msg .spin{width:18px;height:18px;border-radius:99px;border:2px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}.matpanel .mat-more{grid-column:1 / -1;justify-content:center;background:var(--surface-3)}.matpanel .mat-count{grid-column:1 / -1;text-align:center;font-size:11px;color:var(--muted);padding-top:4px}.matpanel .mat-foot{font-size:10.5px;color:var(--muted);padding:7px 14px 9px;border-top:1px solid var(--border)}.seg.daynight button{gap:6px}.kind-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kind-pick button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 8px;border-radius:11px;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font:inherit;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.kind-pick button svg{color:#f2b45c}.kind-pick button:hover{background:var(--surface-hover);color:var(--text)}.kind-pick button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}.lux-list{display:flex;flex-direction:column;gap:2px}.lux-row{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:10px}.lux-row:hover{background:var(--surface-hover)}.lux-row .dot{width:8px;height:8px;border-radius:50%;flex:none}.lux-main{flex:1;min-width:0}.lux-top{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:5px}.lux-top .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lux-top .v{font-variant-numeric:tabular-nums}.lux-top .v.low{color:#e5a024}.lux-top .v.ok{color:#2fb67c}.lux-top .v.high{color:#f0795a}.lux-bar{position:relative;height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}.lux-bar b{position:absolute;top:0;bottom:0;background:#2fb67c38}.lux-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;z-index:1}.lux-bar i.low{background:#f5a524}.lux-bar i.ok{background:#2fb67c}.lux-bar i.high{background:#f0795a}.lux-n{font-size:11px;font-weight:700;color:var(--muted);min-width:16px;text-align:right;font-variant-numeric:tabular-nums}.ibtn.sm{width:26px;height:26px;border-radius:8px}.lux-legend{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--muted)}.lux-legend i{width:7px;height:7px;border-radius:50%;margin-left:4px}.lux-legend i.low{background:#f5a524}.lux-legend i.ok{background:#2fb67c}.lux-legend i.high{background:#f0795a}input[type=range].kelvin::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,#ff9b3d,#ffcf8f 28%,#fff4e4 52%,#e2ebff 78%,#b9cdff)}input[type=range].kelvin::-webkit-slider-thumb{margin-top:-5px}input[type=range].kelvin::-moz-range-track{height:6px;background:linear-gradient(90deg,#ff9b3d,#ffcf8f 28%,#fff4e4 52%,#e2ebff 78%,#b9cdff)}input[type=range].kelvin::-moz-range-progress{background:transparent}.ctxbar .cb-measure{display:flex;align-items:center;height:32px;margin:0 4px;padding:2px;border-radius:10px;background:var(--surface-3)}.ctxbar .cb-measure button{width:26px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer}.ctxbar .cb-measure button:hover{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm)}.ctxbar .cb-measure label{display:flex;align-items:baseline;gap:3px;padding:0 4px;cursor:text}.ctxbar .cb-measure label span{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--muted)}.ctxbar .cb-measure label em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted)}.ctxbar .cb-measure input{width:38px;height:24px;border:0;outline:0;padding:0 2px;border-radius:6px;text-align:center;font:inherit;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);background:transparent}.ctxbar .cb-measure input:focus{background:var(--surface-solid);box-shadow:0 0 0 2px var(--accent-ring)}.pbrcard{position:absolute;left:calc(50% - 170px);bottom:84px;transform:translate(-50%);z-index:31;width:360px;padding:16px 18px;border-radius:16px;animation:pin .25s var(--ease)}.pbrcard .t{font-weight:700;font-size:14px;display:flex;gap:8px;align-items:center}.pbrcard .s{color:var(--muted);font-size:12px;margin:4px 0 12px}.pbrcard .bar{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden}.pbrcard .bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s var(--ease)}.pbrcard .row{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:8px;font-variant-numeric:tabular-nums}.credit{position:absolute;left:16px;top:74px;z-index:14;font-size:11px;color:var(--muted);text-decoration:none;background:var(--surface);border:1px solid var(--border);padding:4px 9px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.credit:hover{color:var(--text)}.ibtn.real{width:auto;padding:0 12px;gap:6px;display:flex;font-weight:600;font-size:12.5px}.ibtn.real.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}html.dark .ibtn.real.on{color:#0b0c14}.ibtn.matbtn{width:auto;padding:0 12px;gap:6px;display:flex;font-weight:600;font-size:12.5px;margin-left:4px}.ibtn.matbtn.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lib-card{position:relative}.lib-add{position:absolute;top:14px;right:14px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));opacity:0;transform:translateY(-3px);transition:all .15s var(--ease);box-shadow:0 6px 14px -6px var(--accent-ring)}html.dark .lib-add{color:#0b0c14}.lib-card:hover .lib-add{opacity:1;transform:none}.link-btn{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.link-btn:hover{text-decoration:underline}.gz-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.gz-pill{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--text);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px) saturate(1.5);-webkit-backdrop-filter:blur(14px) saturate(1.5);box-shadow:var(--shadow-sm),inset 0 0 0 1px #ffffff0a;opacity:0;transition:opacity .18s var(--ease)}.gz-pill:before{content:"";width:6px;height:6px;border-radius:50%;margin-right:2px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 3px var(--accent-soft)}.gz-pill.on{opacity:1}.gz-pill .gz-k{color:var(--muted);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;margin-left:4px}.gz-pill .gz-k:first-child{margin-left:0}.gz-pill .gz-big{font-size:13px;font-weight:700}.gz-pill .gz-tag{margin-left:4px;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:650;color:var(--accent);background:var(--accent-soft)}.gz-pill .gz-tag.bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.panel{transition:transform .3s var(--ease),opacity .22s var(--ease),visibility 0s linear 0s}html.panel-closed .panel{transform:translate(calc(100% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s var(--ease),opacity .22s var(--ease),visibility 0s linear .3s}.panel-hide{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-solid);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s,color .15s,border-color .15s}.panel-hide:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border)}.panel-show{position:absolute;right:14px;top:76px;z-index:15;height:40px;padding:0 13px 0 11px;border-radius:12px;display:none;align-items:center;gap:7px;cursor:pointer;border:1px solid var(--border);font:inherit;font-size:13px;font-weight:600;color:var(--text-2);animation:pin .2s var(--ease)}.panel-show:hover{color:var(--text);background:var(--surface-solid)}html.panel-closed .panel-show{display:inline-flex}html.panel-closed .bar3d,html.panel-closed .v3-busy,html.panel-closed .cutpanel,html.panel-closed .pbrcard{left:50%}html.panel-closed .contact-wrap{right:14px}@media(max-width:860px){html.panel-closed .panel{transform:translateY(calc(100% + 24px))}html.panel-closed .bar3d{bottom:18px}html.panel-closed .contact-wrap{bottom:14px}}@media(prefers-reduced-motion:reduce){.panel,html.panel-closed .panel{transition:none}}.og-bar{position:absolute;z-index:18;transform:translate(-50%,-100%);margin-top:-10px;display:flex;align-items:center;gap:4px;padding:5px;border-radius:13px;white-space:nowrap;font-size:12.5px;color:var(--text);animation:pin .16s var(--ease)}.og-bar.hidden{display:none}.og-bar button{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface-solid);display:grid;place-items:center;color:var(--text);cursor:pointer;transition:background .15s,transform .1s}.og-bar button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.og-bar button:active:not(:disabled){transform:scale(.94)}.og-bar button:disabled{opacity:.4;cursor:not-allowed}.og-val{display:grid;padding:0 8px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.og-val b{font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.og-sep{width:1px;align-self:stretch;margin:4px 2px;background:var(--border)}.og-bar label.og-val{cursor:text}.og-in{display:inline-flex;align-items:baseline;gap:2px;font-weight:600}.og-in input{width:46px;padding:1px 4px;margin-left:-4px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text);font:inherit;font-weight:600;font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s,box-shadow .15s}.og-in input:hover{border-color:var(--border-strong)}.og-in input:focus{outline:none;border-color:var(--accent);background:var(--surface-solid);box-shadow:0 0 0 3px var(--accent-ring)}.og-in input.bad,.field-v.bad{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 25%,transparent)!important}.field-v-wrap{display:inline-flex;align-items:baseline;gap:3px}.field-v{width:52px;padding:1px 5px;border-radius:6px;border:1px solid transparent;text-align:right;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s,box-shadow .15s}.field-v:hover{border-color:var(--border-strong)}.field-v:focus{outline:none;border-color:var(--accent);background:var(--surface-solid);color:var(--text);box-shadow:0 0 0 3px var(--accent-ring)}.contact-wrap{--contact-accent: #7a77ff;--contact-accent-ink: color-mix(in srgb, var(--contact-accent) 62%, #000);--contact-ink: #2b3038;--contact-ink-strong: #1f242b;--contact-dim: #7d8591;--contact-note: #626a76;--contact-hair: rgba(40, 48, 60, .1);--contact-paper: rgba(250, 251, 252, .94);--contact-tile: rgba(255, 255, 255, .7);--contact-tile-hover: #fff;--contact-icon-bg: #f3f4f6;--contact-mat: #fff;--contact-shadow: 0 12px 34px rgba(30, 40, 55, .14);--contact-mono: ui-monospace, "SF Mono", Consolas, monospace;position:fixed;right:352px;bottom:14px;z-index:16;width:284px;max-width:calc(100vw - 30px);color:var(--contact-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;opacity:0}html.dark .contact-wrap{--contact-accent: #8b8dff;--contact-accent-ink: color-mix(in srgb, var(--contact-accent) 70%, #fff);--contact-ink: #d9dce6;--contact-ink-strong: #f2f3f8;--contact-dim: #8a90a0;--contact-note: #a3a9b8;--contact-hair: rgba(255, 255, 255, .1);--contact-paper: rgba(20, 22, 32, .9);--contact-tile: rgba(255, 255, 255, .04);--contact-tile-hover: rgba(255, 255, 255, .09);--contact-icon-bg: rgba(255, 255, 255, .06);--contact-mat: #14161f;--contact-shadow: 0 14px 36px rgba(0, 0, 0, .45)}.contact-wrap.is-ready{animation:contact-in .9s cubic-bezier(.2,.85,.25,1) .3s both}@keyframes contact-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.contact{position:relative;overflow:hidden;padding:14px;border-radius:14px;border:1px solid var(--contact-hair);background:var(--contact-paper);box-shadow:var(--contact-shadow),inset 0 1px #ffffff0f;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.contact:hover{border-color:color-mix(in srgb,var(--contact-accent) 55%,var(--contact-hair))}.contact:before{content:"";position:absolute;top:-45%;right:35%;bottom:55%;left:-35%;background:radial-gradient(closest-side,var(--contact-accent),transparent 72%);opacity:.16;pointer-events:none;transition:opacity .4s ease}.contact:hover:before{opacity:.26}.contact__head{position:relative;display:flex;align-items:center;gap:12px}.contact__portrait{position:relative;flex:0 0 58px;width:58px;height:58px;padding:3px;border-radius:50%}.contact__portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,var(--contact-hair) 0 44%,var(--contact-accent) 64%,var(--contact-accent-ink) 74%,var(--contact-hair) 88% 100%);animation:contact-ring 8s linear infinite}@keyframes contact-ring{to{transform:rotate(1turn)}}.contact__frame{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#e2e5e9;box-shadow:0 0 0 1px var(--contact-mat)}.contact__portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.3) translate(-11.5%,9.5%);filter:grayscale(.8) contrast(1.04) brightness(1.05);transition:filter .45s ease,transform .45s ease}.contact:hover .contact__portrait img{filter:grayscale(0) contrast(1.04) brightness(1.06);transform:scale(1.38) translate(-11.5%,9.5%)}.contact__who{position:relative;min-width:0;display:flex;flex-direction:column;gap:3px}.contact__status{display:inline-flex;align-items:center;gap:6px;font:600 9px/1.2 var(--contact-mono);letter-spacing:.14em;text-transform:uppercase;color:#2a8a57}html.dark .contact__status{color:#4fd18f}.contact__status i{width:6px;height:6px;border-radius:50%;background:#34b874;animation:contact-pulse 2.4s ease-out infinite}@keyframes contact-pulse{0%{box-shadow:0 0 #34b87473}70%{box-shadow:0 0 0 7px #34b87400}to{box-shadow:0 0 #34b87400}}.contact__name{font-size:15px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--contact-ink-strong);line-height:1.2}.contact__role{font-size:11px;letter-spacing:.02em;color:var(--contact-dim)}.contact__rule{position:relative;height:1px;margin:12px -14px 0;overflow:hidden;background:linear-gradient(90deg,transparent,var(--contact-hair) 20%,var(--contact-hair) 80%,transparent)}.contact__rule>b{position:absolute;top:0;bottom:0;left:0;width:26%;background:linear-gradient(90deg,transparent,var(--contact-accent),transparent);transform:translate(-110%);animation:contact-glint 9s ease-in-out 2.5s infinite}@keyframes contact-glint{0%,70%{transform:translate(-110%)}95%,to{transform:translate(400%)}}.contact__note{position:relative;margin:11px 0 12px;font-size:11px;line-height:1.55;color:var(--contact-note)}.contact__links{position:relative;display:flex;flex-direction:column;gap:6px}.contact__link{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 8px;border-radius:9px;border:1px solid var(--contact-hair);background:var(--contact-tile);color:var(--contact-ink);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.contact__link:hover,.contact__link:focus-visible{transform:translate(3px);background:var(--contact-tile-hover);outline:none}.contact__icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:7px;border:1px solid var(--contact-hair);background:var(--contact-icon-bg);color:var(--contact-ink);transition:color .2s ease,border-color .2s ease,background .2s ease}.contact__icon svg{display:block;width:13px;height:13px}.contact__link-text{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.3}.contact__link-text b{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--contact-ink-strong)}.contact__link-text em{font:9px/1.3 var(--contact-mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--contact-dim)}.contact__go{flex:none;width:13px;height:13px;margin-left:auto;opacity:.35;transition:transform .2s ease,opacity .2s ease,color .2s ease}.contact__link:hover .contact__go,.contact__link:focus-visible .contact__go{opacity:1;transform:translate(2px,-2px)}.contact__link--x:hover,.contact__link--x:focus-visible{border-color:color-mix(in srgb,var(--contact-ink-strong) 45%,transparent)}.contact__link--x:hover .contact__icon,.contact__link--x:focus-visible .contact__icon{background:var(--contact-ink-strong);border-color:var(--contact-ink-strong);color:var(--contact-mat)}.contact__link--site:hover,.contact__link--site:focus-visible{border-color:color-mix(in srgb,var(--contact-accent) 70%,transparent);box-shadow:0 6px 20px -10px var(--contact-accent)}.contact__link--site:hover .contact__icon,.contact__link--site:focus-visible .contact__icon{background:color-mix(in srgb,var(--contact-accent) 18%,transparent);border-color:color-mix(in srgb,var(--contact-accent) 60%,transparent);color:var(--contact-accent-ink)}.contact__link--site:hover .contact__go,.contact__link--site:focus-visible .contact__go{color:var(--contact-accent-ink)}.contact__toggle{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:20px;height:20px;padding:0;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--contact-dim);cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.contact:hover .contact__toggle,.contact__toggle:focus-visible{opacity:1;border-color:var(--contact-hair);background:var(--contact-tile-hover);outline:none}.contact__toggle:hover{color:var(--contact-ink-strong)}.contact__toggle-bar{width:9px;height:1.5px;border-radius:2px;background:currentColor}.contact-wrap.is-collapsed{width:auto}.contact-wrap.is-collapsed .contact{padding:8px;border-radius:50%;overflow:visible}.contact-wrap.is-collapsed .contact__who,.contact-wrap.is-collapsed .contact__rule,.contact-wrap.is-collapsed .contact__note,.contact-wrap.is-collapsed .contact__links,.contact-wrap.is-collapsed .contact__toggle-bar{display:none}.contact-wrap.is-collapsed .contact:before{top:0;right:0;bottom:0;left:0;border-radius:50%}@media(hover:hover){.contact-wrap.is-collapsed .contact:hover{transform:scale(1.06)}}.contact-wrap.is-collapsed .contact__toggle{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:inherit;opacity:1;border-color:transparent;background:transparent}.contact-wrap.is-collapsed .contact__toggle:after{content:"Work with me";position:absolute;top:50%;right:calc(100% + 10px);padding:7px 13px;border-radius:999px;border:1px solid var(--contact-hair);background:var(--contact-paper);box-shadow:var(--contact-shadow);color:var(--contact-ink);font:600 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(8px,-50%);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.contact-wrap.is-collapsed .contact__toggle:focus-visible:after{opacity:1;transform:translateY(-50%)}@media(hover:hover){.contact-wrap.is-collapsed .contact:hover .contact__toggle:after{opacity:1;transform:translateY(-50%)}}@media(hover:none){.contact__toggle{opacity:1;border-color:var(--contact-hair);background:var(--contact-tile-hover)}}@media(pointer:coarse){.contact__toggle{top:6px;right:6px;width:30px;height:30px;border-radius:8px}}@media(prefers-reduced-motion:reduce){.contact__portrait:before,.contact__rule>b,.contact__status i{animation:none}.contact-wrap.is-ready{animation-duration:.01ms;animation-delay:0s}}@media(max-height:720px){.contact__note{display:none}.contact__links{margin-top:12px}}@media(max-width:860px){.contact-wrap{right:14px;bottom:calc(46vh + 26px);max-width:calc(100vw - 28px)}}@media(max-width:308px){.contact__link-text em{display:none}}.acct-btn{height:48px;min-width:48px;padding:0 16px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;border:1px solid var(--border);transition:transform .12s var(--ease),background .15s}.acct-btn:hover{background:var(--surface-solid)}.acct-btn:active{transform:scale(.96)}.acct-btn.is-user{padding:0;width:48px}.acct-avatar{display:grid;place-items:center;border-radius:50%;overflow:hidden;flex:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:600}.acct-avatar img{width:100%;height:100%;object-fit:cover}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:auth-fade .18s var(--ease)}.auth-overlay.hidden{display:none}@keyframes auth-fade{0%{opacity:0}}@keyframes auth-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.auth-card{position:relative;width:100%;max-width:380px;max-height:calc(100vh - 32px);overflow:auto;padding:28px 26px 24px;border-radius:20px;background:var(--surface-solid);box-shadow:var(--shadow);animation:auth-pop .22s var(--ease)}.auth-x{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.auth-x:hover{background:var(--surface-hover);color:var(--text)}.auth-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;margin-bottom:18px}.auth-brand svg{width:26px;height:26px}.auth-card h2{margin:0 0 6px;font-size:20px;letter-spacing:-.3px;color:var(--text)}.auth-sub{margin:0 0 20px;font-size:13.5px;line-height:1.5;color:var(--muted)}.auth-sub b{color:var(--text-2);font-weight:600;overflow-wrap:anywhere}.auth-field{display:block;margin-bottom:14px}.auth-field>span{display:flex;justify-content:space-between;font-size:12.5px;font-weight:500;color:var(--text-2);margin-bottom:6px}.auth-field input{width:100%;height:40px;padding:0 12px;border-radius:10px;font:inherit;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);outline:none;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.auth-btn{width:100%;height:40px;border-radius:10px;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:14px;font-weight:600;transition:transform .1s,filter .15s,background .15s}.auth-btn:active{transform:scale(.985)}.auth-btn:disabled{opacity:.6;cursor:default}.auth-btn.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px -8px var(--accent-ring)}.auth-btn.primary:hover{filter:brightness(1.06)}.auth-btn.ghost{color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong)}.auth-btn.ghost:hover{background:var(--surface-hover)}.auth-or{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:12px;color:var(--muted)}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--border)}.auth-card a{color:var(--accent);text-decoration:none;font-weight:500}.auth-card a:hover{text-decoration:underline}.auth-foot{margin:18px 0 0;text-align:center;font-size:13px;color:var(--muted)}.auth-msg{display:none;margin-bottom:14px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45}.auth-msg.show{display:block}.auth-msg.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.auth-msg.ok{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.auth-center{text-align:center}.auth-big{width:52px;height:52px;margin:8px auto 16px;border-radius:15px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft)}.auth-big.ok{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.auth-big svg{width:24px;height:24px}.auth-profile{display:flex;align-items:center;gap:12px;margin:16px 0 12px;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.auth-profile b{display:block;font-size:14px;color:var(--text)}.auth-profile span:not(.acct-avatar){font-size:12.5px;color:var(--muted);word-break:break-all}.auth-upgrade{margin-bottom:10px;color:#fff!important;background:linear-gradient(135deg,#f5b100,#ff8a00)!important;box-shadow:0 6px 18px -8px #ff8a00cc!important}.auth-billing-note{margin:-8px 0 10px;font-size:12.5px}.auth-billing-note+.auth-btn{margin-bottom:10px}.auth-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin-top:14px;font-size:12px}.auth-legal a{color:var(--muted);text-decoration:none}.auth-legal a:hover{text-decoration:underline}.auth-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.auth-chip{font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:999px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;margin:0 0 18px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border)}.auth-tabs button{height:32px;border:0;border-radius:8px;background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.auth-tabs button:hover{color:var(--text)}.auth-tabs button.on{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm)}.auth-btn.google{height:42px}@media(max-width:860px){.top-right{margin-left:auto}.acct-btn{padding:0;width:48px}.acct-btn span:not(.acct-avatar){display:none}}@media(max-width:480px){.brand .name,.brand .tag{display:none}.brand{padding:0 10px}}.auth-overlay.is-locked{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg);background-image:radial-gradient(ellipse 70% 45% at 50% -8%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),linear-gradient(var(--plan-grid) 1px,transparent 1px),linear-gradient(90deg,var(--plan-grid) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;animation:none}.auth-overlay.is-locked .auth-card{border:1px solid var(--border)}.auth-brand-center{justify-content:center;margin:6px 0 22px}.auth-spinner{width:28px;height:28px;margin:0 auto 14px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-theme-slot{position:absolute;top:16px;right:16px;display:none}.auth-overlay.is-locked .auth-theme-slot{display:block}.auth-theme{height:36px;padding:0 13px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:600;color:var(--text-2);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:color .15s,border-color .15s}.auth-theme:hover{color:var(--text);border-color:var(--border-strong)}:root{--pro-gold: #f5b100;--pro-gold-2: #ff8a00}.pro-chip{margin-left:auto;display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--pro-gold),var(--pro-gold-2));box-shadow:0 1px 4px -1px #ff8a0099}.pro-chip svg{width:11px;height:11px}.pro-dot{position:absolute;top:2px;right:2px;width:13px;height:13px;padding:1.5px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--pro-gold),var(--pro-gold-2));box-shadow:0 0 0 1.5px var(--surface-solid, #fff);pointer-events:none;box-sizing:border-box}.pro-dot,.pro-badge{display:grid;place-items:center}.pro-dot svg,.pro-badge svg,.pro-chip svg{display:block}.pro-dot svg,.pro-badge svg{transform:translateY(4%)}.pro-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#0a0c1173;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:pro-fade .18s ease}.pro-modal.out{opacity:0;transition:opacity .18s ease}.pro-card{width:min(360px,100%);padding:26px 24px 20px;border-radius:18px;text-align:center;background:var(--surface-solid, #fff);color:var(--text, #0f1729);box-shadow:0 24px 60px -16px #00000073;animation:pro-pop .22s cubic-bezier(.2,.9,.3,1.2)}.pro-badge{width:52px;height:52px;margin:0 auto 12px;padding:12px;border-radius:50%;box-sizing:border-box;color:#fff;background:linear-gradient(135deg,var(--pro-gold),var(--pro-gold-2));box-shadow:0 8px 22px -6px #ff8a00b3}.pro-card h3{margin:0 0 6px;font-size:18px}.pro-card p{margin:0 0 18px;font-size:13.5px;line-height:1.5;color:var(--text-2, #394256)}.pro-actions{display:flex;justify-content:center}.pro-ok{min-width:120px;padding:10px 18px;border:0;border-radius:11px;cursor:pointer;font:inherit;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--pro-gold),var(--pro-gold-2))}.pro-ok:hover{filter:brightness(1.05)}@keyframes pro-fade{0%{opacity:0}}@keyframes pro-pop{0%{opacity:0;transform:scale(.92)}}.pro-card{position:relative}.pro-x{position:absolute;top:10px;right:12px;width:30px;height:30px;border:0;border-radius:8px;cursor:pointer;font-size:20px;line-height:1;color:var(--text-2, #394256);background:transparent}.pro-x:hover{background:var(--surface-2, #f1f3f7)}.pro-price{position:relative;margin:0 0 16px;padding:16px 12px 12px;border-radius:14px;background:var(--surface-2, #f6f7fa);border:1px solid var(--border, #e3e6ec)}.pro-off{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff4d4d,#ff8a00);box-shadow:0 4px 12px -4px #ff4d4db3}.pro-amount{display:flex;align-items:baseline;justify-content:center;gap:8px}.pro-amount s{font-size:17px;color:var(--text-3, #8a92a3)}.pro-amount b{font-size:34px;font-weight:800;letter-spacing:-.02em}.pro-amount span{font-size:13px;color:var(--text-2, #394256)}.pro-price small{display:block;margin-top:2px;font-size:11.5px;color:var(--text-2, #394256)}.pro-list{list-style:none;margin:0 0 14px;padding:0;text-align:left;display:grid;gap:8px}.pro-list li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4}.pro-list svg{flex:none;margin-top:1px;color:var(--pro-gold-2)}.pro-err{min-height:0;margin-bottom:8px;font-size:12.5px;color:#e5484d}.pro-err:empty{display:none}.pro-actions.col{flex-direction:column;align-items:stretch;gap:6px}.pro-ok:disabled{opacity:.7;cursor:default}.pro-later{padding:8px;border:0;border-radius:10px;cursor:pointer;font:inherit;font-size:13px;color:var(--text-2, #394256);background:transparent}.pro-later:hover{background:var(--surface-2, #f1f3f7)}.pro-fine a{color:inherit}.pro-fine{margin:10px 0 0!important;font-size:11px!important;color:var(--text-3, #8a92a3)!important}.proj-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow-y:auto;background:var(--bg);background-image:radial-gradient(ellipse 70% 45% at 50% -8%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),linear-gradient(var(--plan-grid) 1px,transparent 1px),linear-gradient(90deg,var(--plan-grid) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;animation:proj-fade .2s var(--ease)}.proj-overlay.hidden{display:none}.proj-overlay.is-busy{cursor:progress}.proj-overlay.is-busy .proj-grid{opacity:.6;pointer-events:none}@keyframes proj-fade{0%{opacity:0}}@keyframes proj-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.proj-shell{max-width:1080px;margin:0 auto;padding:18px 24px 48px}.proj-head{display:flex;align-items:center;justify-content:space-between;height:48px}.proj-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:-.02em;color:var(--text)}.proj-head-right{display:flex;gap:8px}.proj-icon-btn{height:34px;min-width:34px;padding:0 9px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s}.proj-icon-btn:hover{background:var(--surface-solid);color:var(--text)}.proj-acct{padding:0 12px}.proj-title-row{margin:34px 0 22px}.proj-title-row h1{margin:0;font-size:28px;letter-spacing:-.035em;color:var(--text)}.proj-usage{margin:6px 0 0;font-size:13.5px;color:var(--muted)}.proj-error{margin:-8px 0 18px;padding:10px 13px;border-radius:10px;font-size:13px;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px}.proj-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s;animation:proj-pop .3s var(--ease) both}.proj-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.proj-card.is-current{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-sm)}.proj-thumb{position:relative;aspect-ratio:4 / 3;border:0;padding:18px;cursor:pointer;display:grid;place-items:center;background:var(--plan-bg);color:var(--plan-wall);background-image:linear-gradient(var(--plan-grid) 1px,transparent 1px),linear-gradient(90deg,var(--plan-grid) 1px,transparent 1px);background-size:14px 14px}.proj-thumb{overflow:hidden;flex:none}.proj-thumb>svg{position:absolute;top:16px;right:16px;bottom:16px;left:16px;width:calc(100% - 32px);height:calc(100% - 32px)}.proj-meta{margin-top:auto}.proj-thumb-empty{display:grid;justify-items:center;gap:8px;color:var(--muted);font-size:12.5px}.proj-thumb-empty em{font-style:normal}.proj-badge{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.proj-open-hint{position:absolute;right:10px;bottom:10px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--contrast-fg);background:var(--contrast-bg);opacity:0;transform:translateY(4px);transition:all .18s var(--ease)}.proj-card:hover .proj-open-hint,.proj-thumb:focus-visible .proj-open-hint{opacity:1;transform:none}.proj-meta{display:grid;gap:3px;padding:12px 12px 14px 16px;border-top:1px solid var(--border)}.proj-name-row{display:flex;align-items:center;gap:6px;min-height:30px}.proj-name{flex:1;min-width:0;font-weight:600;font-size:14.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-name-row .proj-icon-btn{height:30px;min-width:30px;padding:0;border-color:transparent;background:transparent;color:var(--muted)}.proj-name-row .proj-icon-btn:hover{background:var(--surface-hover);color:var(--text)}.proj-time{font-size:12px;color:var(--muted)}.proj-rename-form{display:flex;gap:6px}.proj-rename-form input{flex:1;min-width:0;height:30px;padding:0 9px;border-radius:8px;font:inherit;font-size:14px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.proj-rename-form .proj-icon-btn{height:30px;min-width:30px;padding:0;color:#fff;border:0;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.proj-new{align-items:center;justify-content:center;gap:8px;min-height:240px;cursor:pointer;font:inherit;color:var(--text);background:color-mix(in srgb,var(--surface-solid) 55%,transparent);border:1.5px dashed var(--border-strong);box-shadow:none}.proj-new:hover{border-color:var(--accent);background:var(--accent-soft)}.proj-new b{font-size:14.5px}.proj-plus{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin-bottom:4px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 22px -8px var(--accent-ring)}.proj-new-sub{font-size:12.5px;color:var(--muted)}.proj-pro-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--accent);background:var(--accent-soft)}.proj-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:proj-fade .18s var(--ease)}.proj-dialog{width:100%;max-width:380px;padding:24px;border-radius:18px;background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);animation:proj-pop .22s var(--ease)}.proj-dialog h2{margin:0 0 4px;font-size:18px;letter-spacing:-.02em;color:var(--text)}.proj-dialog p{margin:0 0 16px;font-size:13px;color:var(--muted)}.proj-dialog input{width:100%;height:42px;padding:0 12px;border-radius:10px;font:inherit;font-size:14.5px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);outline:none}.proj-dialog input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.proj-dialog-err{min-height:18px;margin-top:6px;font-size:12.5px;color:var(--danger)}.proj-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.proj-btn{height:40px;padding:0 18px;border-radius:10px;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:600;transition:filter .15s,background .15s,transform .1s}.proj-btn:active:not(:disabled){transform:scale(.98)}.proj-btn.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px -8px var(--accent-ring)}.proj-btn.primary:hover:not(:disabled){filter:brightness(1.06)}.proj-btn.ghost{color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong)}.proj-btn:disabled{cursor:default}.proj-pill{height:48px;max-width:260px;padding:0 14px;border-radius:14px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text);transition:background .15s}.proj-pill:hover{background:var(--surface-solid)}.proj-pill.hidden{display:none}.proj-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-pill svg{flex:none;color:var(--muted)}@media(max-width:1180px){.proj-pill{max-width:180px}.save-sub{display:none}}@media(max-width:860px){.proj-pill{width:48px;padding:0;justify-content:center}.proj-pill span,.proj-pill svg:last-child{display:none}}@media(max-width:560px){.proj-shell{padding:14px 16px 36px}.proj-title-row{margin:22px 0 16px}.proj-title-row h1{font-size:23px}.proj-grid{grid-template-columns:1fr 1fr;gap:12px}.proj-new{min-height:180px}.proj-acct span{display:none}}.proj-theme{padding:0 11px}@media(max-width:560px){.proj-theme span{display:none}}.save-btn{height:48px;padding:0 14px;border-radius:14px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;flex:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);transition:background .15s,color .15s}.save-btn.hidden{display:none}.save-btn:disabled{cursor:default}.save-btn[data-state=saved] svg{color:var(--success)}.save-btn[data-state=unsaved]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px -8px var(--accent-ring)}.save-btn[data-state=unsaved]:hover{filter:brightness(1.06)}.save-btn[data-state=error]{color:var(--danger)}.save-btn[data-state=unsaved]:disabled{color:var(--muted);background:var(--surface-2);border-color:var(--border);box-shadow:none;filter:none;opacity:.75;cursor:not-allowed}.save-btn[data-state=unsaved]:disabled svg{opacity:.6}.save-btn[data-state=unsaved]:disabled .save-sub{border-left-color:var(--border-strong)}.save-sub{font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.8;padding-left:7px;margin-left:1px;border-left:1px solid currentColor}.save-btn[data-state=saved] .save-sub,.save-btn[data-state=error] .save-sub{border-left-color:var(--border-strong)}.save-spin{width:13px;height:13px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:save-spin .8s linear infinite}@keyframes save-spin{to{transform:rotate(360deg)}}@media(max-width:860px){.save-btn{width:48px;padding:0;justify-content:center}.save-btn .save-text,.save-btn .save-sub{display:none}}