@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}body{color:var(--ink);background:var(--surface-page);font-family:Open Sans,system-ui,-apple-system,sans-serif}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--surface-page:#fafbfc;--surface-sunken:#f6f8fa;--surface-translucent:#ffffffd9;--ink:#212b36;--muted:#637381;--faint:#919aa6;--line:#eceef0;--line-strong:#dfe3e8;--brand:#00ae42;--brand-hover:#019b3a;--brand-text:#00873a;--brand-soft:#e7f7ec;--brand-soft-2:#f1faf3;--danger:#d6492f;--danger-soft:#fbe7e3;--danger-line:#f4ccc4;--warn:#a06a00;--warn-soft:#fdf3e7;--align:#f59e0b;--align-text:#c2790a;--align-strong:#d98605;--align-line:#f3c77a;--align-soft:#fffaf0;--align-line-soft:#f6e2bd;--info:#2f7fe0;--info-soft:#e3eefc;--accent-purple:#7b4fd6;--accent-purple-soft:#efe7fb;--inverse-surface:#212b36;--inverse-ink:#fff;--on-brand:#fff;--scrim:#0c0f138c;--preview-scrim:#0c0f132e;--inverse-control:#ffffff24;--inverse-control-hover:#ffffff3d;--inverse-edit:#212b36c7;--shadow-sm:0 2px 8px #1018280a;--shadow-sm-strong:0 2px 8px #1018281f;--shadow-md:0 4px 14px #10182814;--shadow-lg:0 24px 70px #10182866;--shadow-pop:0 16px 40px #10182838;--brand-ring:#00ae421f;--brand-ring-strong:#00ae4233;--align-ring:#f59e0b2e;--align-ring-strong:#f59e0b47;--viewport-bg:radial-gradient(120% 90% at 50% 14%, #fbfbfc, #eef0f2 56%, #e4e7ea);--illus-bg:linear-gradient(160deg, #f7f9fa, #eef1f3)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#1c242e;--surface-page:#141a21;--surface-sunken:#242e39;--surface-translucent:#1c242ed9;--ink:#e6ebf1;--muted:#9aa7b4;--faint:#74818f;--line:#2e3945;--line-strong:#3a4653;--brand:#00c34d;--brand-hover:#00ae42;--brand-text:#4cd97b;--brand-soft:#12351f;--brand-soft-2:#17281d;--danger:#f0664c;--danger-soft:#3a201a;--danger-line:#5c2f24;--warn:#d9a13b;--warn-soft:#33291a;--align-text:#f3c77a;--align-line:#8a6420;--align-soft:#2b2314;--align-line-soft:#4a3a1c;--info-soft:#162a44;--accent-purple-soft:#2a203d;--inverse-surface:#0d1116;--inverse-ink:#e6ebf1;--scrim:#000000a6;--preview-scrim:#0000005c;--inverse-edit:#0d1116d1;--shadow-sm:0 2px 8px #00000012;--shadow-sm-strong:0 2px 8px #0003;--shadow-md:0 4px 14px #00000024;--shadow-lg:0 24px 70px #000000a3;--shadow-pop:0 16px 40px #00000059;--brand-ring:#00c34d2e;--brand-ring-strong:#00c34d47;--align-ring:#f59e0b42;--align-ring-strong:#f59e0b5c;--viewport-bg:radial-gradient(120% 90% at 50% 14%, #232b34, #191f26 56%, #12171d);--illus-bg:linear-gradient(160deg, #242e39, #1a222b)}.brandmark{color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.brand-fist{color:var(--brand);filter:drop-shadow(0 2px 6px var(--brand-ring-strong))}.dropzone{border:2px dashed var(--line-strong);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:40px 28px;transition:all .18s}.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:var(--brand-soft-2);box-shadow:0 12px 30px var(--brand-ring);transform:translateY(-2px)}.drop-icon{background:var(--brand-soft);width:54px;height:54px;color:var(--brand-text);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.drop-title{margin-bottom:5px;font-size:16px;font-weight:700}.drop-hint{color:var(--faint);font-size:13px}.upload-foot{color:var(--faint);margin-top:22px;font-size:12px}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:16px;width:100%;padding:32px;animation:.18s pop;position:relative}.modal.import-modal{text-align:center;max-width:520px}.modal.fork-modal{text-align:center;max-width:760px}.modal.confirm-modal{text-align:left;max-width:420px;padding:28px}.modal.source-modal{text-align:left;max-width:480px;padding:28px}.modal .brandmark{justify-content:center;margin-bottom:24px}.modal-close{background:var(--surface-sunken);width:30px;height:30px;color:var(--muted);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--line);color:var(--ink)}.modal-h1{letter-spacing:-.4px;margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.08}.modal-sub{color:var(--muted);max-width:420px;margin:0 auto 24px;font-size:14px;line-height:1.6}.confirm-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand-text);border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.confirm-title{margin:0 34px 8px 0;font-size:20px;font-weight:800;line-height:1.2}.confirm-copy{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.source-copy{color:var(--muted);flex-direction:column;gap:12px;margin:14px 0 22px;font-size:13px;line-height:1.55;display:flex}.source-copy p{margin:0}.source-copy a{color:var(--brand-text);font-weight:700;text-decoration:none}.source-copy a:hover{text-decoration:underline}.source-actions{border-top:1px solid var(--line);justify-content:flex-end;padding-top:16px;display:flex}.fork-filename{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;margin-bottom:22px;padding:7px 14px;font-size:13px;display:inline-flex}.fork-h2{letter-spacing:-.4px;margin:0 0 8px;font-size:28px;font-weight:800}.fork-sub{color:var(--muted);margin:0 0 28px;font-size:14px}.fork-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.fork-card{text-align:left;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px;transition:all .18s;position:relative}.fork-card:hover{box-shadow:var(--shadow-sm-strong);border-color:var(--line-strong);transform:translateY(-3px)}.fork-card.recommend{border-color:var(--brand)}.fork-card.recommend:hover{box-shadow:0 16px 36px var(--brand-ring-strong)}.fork-badge{background:var(--brand-soft);color:var(--brand-text);letter-spacing:.02em;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700;position:absolute;top:16px;right:16px}.fork-illus{background:var(--illus-bg);border-radius:12px;justify-content:center;align-items:center;height:118px;margin-bottom:16px;display:flex}.fc-house{clip-path:polygon(50% 0,100% 38%,100% 100%,0 100%,0 38%);width:78px;height:78px;position:relative}.fc-house.one-tex{background:repeating-linear-gradient(0deg,#cdcdcd 0 7px,#a3a3a3 7px 9px)}.fc-house.multi-tex{background:linear-gradient(160deg,#0000 0 38%,#b9b9b9 38% 100%),repeating-radial-gradient(circle at 50% 0,#9a9a9a 0 5px,#cfcfcf 5px 9px)}.fork-card-title{margin-bottom:6px;font-size:17px;font-weight:700}.fork-card-desc{color:var(--muted);min-height:42px;margin-bottom:16px;font-size:13px;line-height:1.55}.fork-go{color:var(--brand-text);align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:inline-flex}.editor{background:var(--surface-page);flex-direction:column;height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.topbar-brand{font-size:15px}.brand-stack{flex-direction:column;line-height:1.15;display:flex}.brand-byline{color:var(--faint);font-size:10.5px;font-weight:500;text-decoration:none}.brand-byline:hover{color:var(--muted);text-decoration:underline}.modal .brand-stack{align-items:center}.topbar-btn{color:var(--muted);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.topbar-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand-text);background:var(--brand-soft-2)}.topbar-btn:disabled{opacity:.4;cursor:not-allowed}.topbar-spacer{flex:1}.editor-body{flex:1;min-height:0;display:flex}.rail{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:10px;width:330px;padding:12px;display:flex}.rail-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;margin:0 -12px;padding:0 12px 4px;display:flex;overflow-y:auto}.rail-section-label{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;padding:2px 2px 0;font-size:10.5px;font-weight:700}.model-summary{border:1px solid var(--line);border-radius:11px;overflow:hidden}.ms-head{background:var(--surface-page);text-align:left;border:none;align-items:center;gap:9px;width:100%;padding:10px 12px;display:flex}.ms-head:hover{background:var(--surface-sunken)}.ms-icon{background:var(--brand);width:24px;height:24px;color:var(--inverse-ink);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ms-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ms-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.ms-dims{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--faint);font-size:11px;overflow:hidden}.ms-chev{color:var(--faint);flex-shrink:0;transition:transform .18s}.model-summary.open .ms-chev{transform:rotate(180deg)}.ms-body{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:12px;display:flex}.ms-detect{flex-direction:column;gap:8px;display:flex}.ms-detect .details-group-label{margin-top:0}.ms-detect-check{margin-top:12px}.kv{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.kv b{color:var(--ink);font-weight:600}.orient-controls{flex-direction:column;gap:7px;display:flex}.orient-btn{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:12.5px;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.orient-btn:hover{background:var(--surface-sunken)}.orient-btn.active{background:var(--brand);border-color:var(--brand);color:var(--inverse-ink)}.card-stack{flex-direction:column;gap:8px;display:flex}.tcard{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;transition:border-color .14s,box-shadow .14s}.tcard.collapsed{align-items:center;gap:9px;width:100%;padding:10px 11px;display:flex}.tcard.collapsed:hover{background:var(--surface-sunken)}.tcard-tint{border-radius:4px;flex-shrink:0;width:11px;height:11px}.tcard-thumb{border:1px solid var(--line-strong);border-radius:6px;flex-shrink:0;width:24px;height:24px}.tcard-name{flex:1;font-size:13px;font-weight:600}.tcard-count{color:var(--faint);background:var(--surface-sunken);border-radius:999px;padding:2px 8px;font-size:11px}.tcard.expanded{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring), var(--shadow-md);padding:13px}.tcard-top{align-items:center;gap:9px;margin-bottom:12px;display:flex}.tcard-name-input{color:var(--ink);background:0 0;border:none;border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 5px;font-size:14px;font-weight:700}.tcard-name-input:hover{background:var(--surface-sunken)}.tcard-name-input:focus{background:var(--brand-soft-2);box-shadow:0 0 0 2px var(--brand-ring-strong)}.tcard.expanded .tcard-count{background:var(--brand-soft);color:var(--brand-text);white-space:nowrap}.tcard-main{gap:12px;margin-bottom:12px;display:flex}.tcard-preview{border:1px solid var(--line-strong);border-radius:10px;flex-shrink:0;width:90px;height:90px;position:relative;overflow:hidden}.tcard-preview-edit{background:var(--inverse-edit);color:var(--inverse-ink);text-align:center;opacity:0;padding:4px 0;font-size:11px;font-weight:600;transition:opacity .14s;position:absolute;bottom:0;left:0;right:0}.tcard-preview:hover .tcard-preview-edit{opacity:1}.tcard-keys{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.tcard-texname{margin-bottom:1px;font-size:13px;font-weight:700}.key-row{color:var(--muted);grid-template-columns:58px 1fr auto;align-items:center;gap:8px;font-size:11.5px;display:grid}.key-num{justify-content:flex-end;align-items:baseline;gap:1px;min-width:42px;display:inline-flex}.key-num-input{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;cursor:text;-moz-appearance:textfield;background:0 0;border:1px solid #0000;border-radius:5px;width:34px;margin:-1px 0;padding:1px 3px;font-size:11px;font-weight:600;transition:border-color .12s,background .12s}.key-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.key-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.key-num:hover .key-num-input{border-color:var(--line-strong);background:var(--surface-sunken)}.key-num-input:focus{border-color:var(--brand);background:var(--surface);outline:none}.key-num-unit{color:var(--ink);font-size:11px;font-weight:600}.key-row select{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:6px;grid-column:2/4;width:100%;padding:4px 6px;font-size:11.5px}.axis-seg{grid-column:2/4;gap:4px;display:flex}.axis-seg button{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:6px;flex:1;padding:4px 0;font-size:11px;font-weight:600;transition:all .12s}.axis-seg button:hover{border-color:var(--brand);color:var(--ink)}.axis-seg button.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-text)}.tcard-delete{color:var(--faint);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px;font-size:12px;font-weight:600;transition:all .14s;display:flex}.tcard-delete:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line)}.tcard-delete:disabled{opacity:.4;cursor:not-allowed}.tcard-details{border-top:1px solid var(--line);margin-top:11px;padding-top:9px}.tcard-details summary{color:var(--muted);cursor:pointer;align-items:center;gap:5px;font-size:12px;font-weight:700;list-style:none;display:flex}.tcard-details summary::-webkit-details-marker{display:none}.tcard-details summary:before{content:"▸";color:var(--faint);font-size:10px;transition:transform .15s}.tcard-details[open] summary:before{content:"▾"}.tcard-details-body{flex-direction:column;gap:8px;padding-top:10px;display:flex}.details-group-label{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-top:4px;font-size:10px;font-weight:700;display:flex}.ov-pill{color:var(--brand-text);background:var(--brand-soft);text-transform:none;letter-spacing:0;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700}.tcard-fit-summary{color:var(--faint);margin-bottom:3px;padding:2px 2px 0;font-size:11px;line-height:1.45}.align-empty{color:var(--muted);background:var(--surface-sunken);border-radius:8px;padding:10px 11px;font-size:11.5px;line-height:1.5}.align-row{border:1px solid var(--line);background:var(--surface);cursor:default;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;display:flex}.align-row.overridden{border-color:var(--brand);background:var(--brand-soft-2)}.align-row:hover{box-shadow:var(--shadow-md)}.patch-thumb{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex-shrink:0;padding:2px}.align-meta{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.align-meta-top{font-size:12.5px;font-weight:700}.align-meta-sub{color:var(--faint);font-size:10.5px}.align-actions{align-items:center;gap:5px;display:flex}.align-btn{color:var(--muted);background:var(--surface);border:1px solid var(--line-strong);border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:600;transition:all .14s;display:flex}.align-btn:hover{border-color:var(--brand);color:var(--brand-text);background:var(--brand-soft-2)}.align-btn.reset{color:var(--faint);padding:5px 7px}.align-btn.reset:hover{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft)}.region-row{border:1px solid var(--line);background:var(--surface-page);border-radius:8px;align-items:center;gap:9px;padding:7px 9px;display:flex}.region-thumbs{display:flex}.region-thumbs .patch-thumb{margin-left:-6px}.region-thumbs .patch-thumb:first-child{margin-left:0}.layer-add{border:1px dashed var(--line-strong);color:var(--muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:12.5px;font-weight:600;display:flex}.layer-add:hover{border-color:var(--brand);color:var(--brand-text);background:var(--brand-soft-2)}.export-panel{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:auto;padding-top:12px;padding-bottom:12px;display:flex;position:sticky;bottom:0}.coverage-bar{background:var(--line);border-radius:999px;height:6px;margin-bottom:6px;overflow:hidden}.coverage-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .25s}.coverage-text{color:var(--muted);font-size:11.5px}.source-link-btn{color:var(--faint);background:0 0;border:none;align-self:center;margin-top:-2px;padding:0 4px;font-size:11.5px;font-weight:600}.source-link-btn:hover{color:var(--muted);text-decoration:underline}input[type=range]{appearance:none;background:var(--line-strong);border-radius:999px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand);cursor:pointer;width:14px;height:14px;box-shadow:0 1px 4px var(--brand-ring-strong);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--brand);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.confidence{flex-direction:column;gap:10px;display:flex}.conf-row{align-items:flex-start;gap:9px;display:flex}.conf-dot{width:18px;height:18px;color:var(--inverse-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.conf-dot.ok{background:var(--brand)}.conf-dot.warn{background:var(--warn)}.conf-label{font-size:12.5px;font-weight:700}.conf-detail{color:var(--faint);font-size:11px}.primary-btn{background:var(--brand);color:var(--inverse-ink);border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .14s;display:inline-flex}.primary-btn:hover{background:var(--brand-hover)}.primary-btn.big{padding:12px;font-size:13.5px}.primary-btn.alt{background:var(--surface);color:var(--brand-text);border:1.5px solid var(--brand)}.primary-btn.alt:hover{background:var(--brand-soft-2)}.ghost-btn{background:var(--surface);border:1px solid var(--line-strong);color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.ghost-btn:hover{background:var(--surface-sunken);color:var(--ink)}.ghost-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--surface);color:var(--faint)}.mini-check{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.viewport{background:var(--viewport-bg);flex:1;position:relative;overflow:hidden}.viewport canvas{display:block;position:absolute;inset:0}.vp-coach{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);color:var(--muted);z-index:6;border-radius:999px;align-items:center;gap:10px;max-width:70%;padding:7px 14px 7px 8px;font-size:12.5px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.vp-coach-text b{color:var(--ink)}.detect-block{padding:2px 2px 6px}.detect-block input[type=range]{width:100%;accent-color:var(--brand)}.detect-meta{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:11.5px;display:flex}.resume-card{text-align:left;border:1.5px solid var(--brand);background:var(--brand-soft-2);border-radius:12px;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:12px 14px;transition:all .14s;display:flex}.resume-card:hover{background:var(--brand-soft);box-shadow:0 6px 18px var(--brand-ring)}.resume-icon{background:var(--brand);width:36px;height:36px;color:var(--inverse-ink);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.resume-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.resume-title{color:var(--ink);font-size:13.5px;font-weight:700}.resume-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.vp-coach-fill{color:var(--ink);align-items:center;gap:6px;font-size:12px;display:flex}.vp-coach-fill input[type=range]{width:90px;accent-color:var(--brand)}.vp-coach-fill b{text-align:right;min-width:28px}.mode-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.mode-badge.select{background:var(--brand-soft);color:var(--brand-text)}.mode-badge.brush{background:var(--info-soft);color:var(--info)}.mode-badge.fill{background:var(--accent-purple-soft);color:var(--accent-purple)}.mode-badge.erase{background:var(--danger-soft);color:var(--danger)}.vp-selbar{background:var(--inverse-surface);box-shadow:var(--shadow-pop);z-index:8;border-radius:12px;align-items:center;gap:7px;padding:7px 7px 7px 14px;animation:.2s toastin;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.vp-selbar-count{color:var(--inverse-ink);margin-right:4px;font-size:12.5px;font-weight:700}.vp-selbar-btn{color:var(--inverse-ink);background:var(--inverse-control);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .14s;display:flex}.vp-selbar-btn:hover{background:var(--inverse-control-hover)}.vp-selbar-btn.primary{background:var(--brand)}.vp-selbar-btn.primary:hover{background:var(--brand-hover)}.vp-selbar-btn.ghost{padding:8px 9px}.vp-selbar-input{color:var(--ink);background:var(--surface);border:none;border-radius:7px;outline:none;width:120px;padding:8px 10px;font-size:12.5px}.align-pop{background:var(--surface);border:1px solid var(--line-strong);width:248px;box-shadow:var(--shadow-pop);z-index:18;border-radius:13px;animation:.16s pop;position:absolute;top:84px;right:24px}.align-connector{pointer-events:none;z-index:17;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.align-pop-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;display:flex}.align-pop-title{flex-direction:column;flex:1;line-height:1.2;display:flex}.align-pop-title-top{font-size:13px;font-weight:700}.align-pop-title-sub{color:var(--faint);font-size:10.5px}.align-pop-head .patch-thumb{margin-right:2px}.align-pop-close{background:var(--surface-sunken);width:24px;height:24px;color:var(--muted);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.align-pop-close:hover{background:var(--line);color:var(--ink)}.align-pop-body{flex-direction:column;gap:9px;padding:12px 13px;display:flex}.align-pop-hint{color:var(--muted);background:var(--surface-sunken);border-radius:7px;padding:7px 9px;font-size:11px}.align-pop-row{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.align-pop-reset{color:var(--muted);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:11.5px;font-weight:600;display:flex}.align-pop-reset:hover:not(:disabled){color:var(--ink);background:var(--surface-sunken)}.align-pop-reset:disabled{opacity:.4;cursor:not-allowed}.align-pop-done{color:var(--inverse-ink);background:var(--brand);border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700}.align-pop-done:hover{background:var(--brand-hover)}.align-pop{border-color:var(--align-line);box-shadow:0 16px 40px var(--align-ring)}.align-pop-head{border-bottom-color:var(--align-line-soft);background:var(--align-soft);border-radius:13px 13px 0 0}.offset-arrows{pointer-events:none;z-index:18;width:0;height:0;position:absolute}.offset-arrow{border:1.5px solid var(--align-line);background:var(--align-soft);width:30px;height:30px;color:var(--align-text);cursor:pointer;pointer-events:auto;touch-action:none;box-shadow:0 4px 12px var(--align-ring-strong);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s,transform 60ms;display:flex;position:absolute;top:0;left:0}.offset-arrow:hover{background:var(--align);color:var(--inverse-ink);border-color:var(--align)}.offset-arrow:active{background:var(--align-strong);color:var(--inverse-ink)}.offset-arrow svg{display:block}.vp-legend{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:5;border-radius:12px;min-width:168px;padding:11px;position:absolute;top:16px;left:16px}.legend-title{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px;font-size:10.5px;font-weight:700}.legend-row{cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:5px 6px;display:flex}.legend-row:hover{background:var(--surface-sunken)}.legend-row.active{background:var(--brand-soft-2)}.legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-name{flex:1;font-size:12px;font-weight:600}.legend-count{color:var(--faint);font-size:10.5px}.vp-toolbar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:5;border-radius:12px;gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.vp-tool{color:var(--muted);background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:all .14s;display:flex}.vp-tool:hover{background:var(--surface-sunken);color:var(--ink)}.vp-tool.on{background:var(--brand-soft-2);color:var(--brand-text);box-shadow:inset 0 0 0 1.5px var(--brand)}.vp-tool.erase.on{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1.5px var(--danger)}.vp-mono-toggle{color:var(--muted);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:5;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .14s;display:flex;position:absolute;top:16px;right:16px}.vp-mono-toggle:hover{background:var(--surface-sunken);color:var(--ink)}.vp-mono-toggle.on{background:var(--brand-soft-2);color:var(--brand-text);box-shadow:inset 0 0 0 1.5px var(--brand)}.vp-home{width:36px;height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);z-index:5;border-radius:10px;justify-content:center;align-items:center;transition:all .14s;display:flex;position:absolute;bottom:132px;left:16px}.vp-home:hover{background:var(--surface-sunken);color:var(--ink)}.vp-preview{background:var(--surface);border:1px solid var(--line);width:150px;box-shadow:var(--shadow-md);text-align:left;z-index:5;border-radius:12px;padding:10px;transition:all .14s;position:absolute;bottom:16px;right:16px}.vp-preview:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.vp-preview-label{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10.5px;font-weight:700;display:flex}.vp-preview-house{background:linear-gradient(160deg, var(--surface-sunken), var(--line));border-radius:8px;justify-content:center;align-items:center;height:96px;display:flex}.pv-cube{background:linear-gradient(135deg,#c4c4c4 0 50%,#a8a8a8 50% 100%),repeating-linear-gradient(45deg,#b4b4b4 0 4px,#989898 4px 7px);border-radius:6px;width:58px;height:58px;box-shadow:0 8px 18px #1018282e}.vp-preview-overlay{z-index:20;background:var(--preview-scrim);justify-content:center;align-items:center;animation:.16s fade;display:flex;position:absolute;inset:0}.vp-preview-panel{background:var(--surface);border:1px solid var(--line-strong);width:72%;height:72%;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.18s pop;display:flex;overflow:hidden}.vp-preview-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;display:flex}.vp-preview-bar-title{font-size:14px;font-weight:800}.vp-preview-bar-sub{color:var(--faint);flex:1;font-size:11.5px}.vp-preview-close{color:var(--muted);background:var(--surface-sunken);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;display:flex}.vp-preview-close:hover{background:var(--line);color:var(--ink)}.vp-preview-stage{background:var(--viewport-bg);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.vp-preview-stage canvas{display:block;width:100%!important;height:100%!important}.vp-preview-loading{color:var(--muted);flex-direction:column;align-items:center;gap:12px;font-size:13px;display:flex}.vp-preview-loading .spin{color:var(--brand);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pv-cube.big{width:200px;height:200px}.overlay{background:var(--scrim);z-index:50;justify-content:center;align-items:center;padding:24px;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.library,.export-dialog{background:var(--surface);width:100%;box-shadow:var(--shadow-lg);border-radius:16px;animation:.18s pop}.library{flex-direction:column;max-width:720px;max-height:86vh;display:flex;position:relative}.export-dialog{max-width:440px}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.lib-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.lib-head h3{margin:0;font-size:17px;font-weight:800}.lib-close{background:var(--surface-sunken);width:30px;height:30px;color:var(--muted);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.lib-close:hover{background:var(--line);color:var(--ink)}.lib-controls{gap:10px;padding:16px 20px 10px;display:flex}.lib-search{background:var(--surface-sunken);border:1px solid var(--line);color:var(--faint);border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.lib-search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:13px}.lib-tabs{background:var(--surface-sunken);border-radius:9px;gap:3px;padding:3px;display:flex}.lib-tabs button{color:var(--muted);background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:600;display:flex}.lib-tabs button.on{background:var(--surface);color:var(--brand-text);box-shadow:var(--shadow-sm)}.lib-cats{flex-wrap:wrap;gap:6px;padding:4px 20px 14px;display:flex}.lib-cat{color:var(--muted);background:var(--surface-sunken);border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.lib-cat.on{background:var(--brand-soft);color:var(--brand-text);border-color:var(--brand)}.lib-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:6px 20px 20px;display:grid;overflow-y:auto}.lib-card{background:var(--surface);border:1.5px solid var(--line);text-align:left;border-radius:12px;padding:8px;transition:all .14s}.lib-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lib-card.sel{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.lib-swatch{border:1px solid var(--line-strong);border-radius:8px;height:96px;margin-bottom:8px;position:relative}.lib-preview3d{background:var(--surface-sunken);border-radius:7px;animation:.18s fadein;position:absolute;inset:0;overflow:hidden}.lib-preview3d canvas{width:100%;height:100%;display:block}.lib-fav,.lib-remove,.lib-check{z-index:1}@keyframes fadein{0%{opacity:0}to{opacity:1}}.library.dragging{outline:2px dashed var(--brand);outline-offset:-6px}.lib-drop-hint{z-index:5;border-radius:inherit;background:var(--brand-soft);color:var(--brand-text);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:flex;position:absolute;inset:0}.lib-fav{background:var(--surface-translucent);width:24px;height:24px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.lib-fav.on{color:var(--brand)}.lib-remove{background:var(--surface-translucent);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;left:6px}.lib-remove:hover{color:var(--danger)}.lib-upload-error{color:var(--danger);margin-left:10px;font-size:12px}.lib-credit{color:var(--faint);margin-left:12px;font-size:11.5px}.lib-credit a{color:var(--muted);text-decoration:underline}.lib-credit a:hover{color:var(--brand-text)}.lib-foot .ghost-btn .spin{animation:1s linear infinite spin}.lib-check{background:var(--brand);width:24px;height:24px;color:var(--inverse-ink);box-shadow:0 2px 8px var(--brand-ring-strong);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:6px;right:6px}.lib-name{padding:0 2px;font-size:13px;font-weight:700}.lib-tags{color:var(--faint);padding:0 2px 2px;font-size:11px}.lib-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:40px 20px;font-size:13.5px}.lib-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lib-foot-right{align-items:center;gap:12px;display:flex}.lib-sel-name{color:var(--muted);font-size:12.5px}.export-warn{background:var(--warn-soft);color:var(--warn);border-radius:9px;align-items:center;gap:8px;margin:16px 20px 0;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.export-options{flex-direction:column;gap:12px;padding:20px;display:flex}.export-options .primary-btn.big{margin-top:8px}.quality-group{flex-direction:column;gap:6px;display:flex}.quality-title{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}.quality-opt{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:baseline;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.quality-opt.selected{border-color:var(--brand);background:var(--brand-soft-2)}.quality-opt input{accent-color:var(--brand);align-self:center}.quality-label{color:var(--ink);font-weight:600}.quality-hint{color:var(--muted);font-size:12px}.export-error{color:var(--danger);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;font-size:13px;font-weight:600;display:flex}.export-progress{padding:20px}.exp-stage{color:var(--faint);align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.exp-stage.active{color:var(--ink);font-weight:600}.exp-stage.done{color:var(--muted)}.exp-stage-dot{background:var(--surface-sunken);width:20px;height:20px;color:var(--faint);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.exp-stage.active .exp-stage-dot{background:var(--brand);color:var(--inverse-ink)}.exp-stage.done .exp-stage-dot{background:var(--brand-soft);color:var(--brand-text)}.exp-bar{background:var(--line);border-radius:999px;height:6px;margin-top:14px;overflow:hidden}.exp-bar-fill{background:var(--brand);height:100%;transition:width .4s}.export-done{text-align:center;padding:24px}.export-done-icon{background:var(--brand-soft);width:54px;height:54px;color:var(--brand-text);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.export-done .kv{padding:5px 0}.export-btns{gap:10px;margin-top:18px;display:flex}.export-btns .primary-btn{flex:1}.creator-links{flex-wrap:wrap;gap:6px 14px;display:flex}.creator-link{color:var(--brand-text);align-items:center;gap:5px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.creator-link:hover{text-decoration:underline}.creator-card{background:var(--brand-soft-2);border:1px solid var(--line);border-radius:10px;margin-top:18px;padding:12px 14px}.creator-card-title{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:11px;font-weight:700}.creator-card-copy{color:var(--muted);margin-bottom:8px;font-size:12.5px}.creator-quiet{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:14px;display:flex}.creator-quiet-lead{color:var(--muted);font-size:12px}.source-modal .creator-quiet{justify-content:flex-start;margin:0 0 16px}.toast{background:var(--inverse-surface);color:var(--inverse-ink);box-shadow:var(--shadow-pop);z-index:60;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:600;animation:.2s toastin;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=760px){.fork-cards{grid-template-columns:1fr}.rail{width:260px}.lib-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}