@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--r-sm:6px;--r:8px;--r-lg:12px;--r-xl:16px;--appbar-h:56px;--h:34px;--h-sm:28px;--h-lg:40px;--page-max:1240px;--t-fast:.11s cubic-bezier(.2, 0, .3, 1);--t:.17s cubic-bezier(.2, 0, .3, 1);--bg:#f5f6f8;--bg-accent:#eceef2;--surface:#fff;--surface-2:#f4f6f8;--surface-3:#e9ecf1;--border:#e3e7ed;--border-2:#cdd4de;--text:#16191f;--text-2:#57606f;--text-3:#858e9c;--accent:#2f6df6;--accent-hover:#2560db;--accent-text:#2461d8;--accent-soft:#e8f0fe;--on-accent:#fff;--success:#0f7a3d;--success-soft:#e6f5ec;--danger:#c32c2c;--danger-hover:#a72424;--danger-soft:#fdeaea;--warning:#8a5300;--warning-soft:#fdf2e0;--tone-blue:#2f6df6;--tone-amber:#b26a00;--tone-green:#0c7c5a;--tone-violet:#6d45d9;--overlay:#13161c6b;--shadow-1:0 1px 2px #1018280f;--shadow-2:0 3px 10px -2px #1018281a, 0 1px 2px #1018280d;--shadow-3:0 18px 40px -14px #10182838, 0 2px 6px #1018280f;--ring:0 0 0 3px #2f6df638;--checker:#e7eaee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d0f13;--bg-accent:#101318;--surface:#16191f;--surface-2:#1b1f26;--surface-3:#232833;--border:#262c36;--border-2:#333a47;--text:#edeff3;--text-2:#a3abb9;--text-3:#767f8d;--accent:#4d86ff;--accent-hover:#6a99ff;--accent-text:#86aeff;--accent-soft:#16233c;--on-accent:#0b1020;--success:#35c07a;--success-soft:#11241b;--danger:#f2615c;--danger-hover:#f57e7a;--danger-soft:#2a1618;--warning:#e0a63c;--warning-soft:#271e12;--tone-blue:#4d86ff;--tone-amber:#e3a53c;--tone-green:#2fbf8f;--tone-violet:#a385fb;--overlay:#04060aa8;--shadow-1:0 1px 2px #00000080;--shadow-2:0 4px 14px -4px #0000008c, 0 1px 2px #0006;--shadow-3:0 24px 48px -18px #000000bf, 0 2px 8px #00000080;--ring:0 0 0 3px #4d86ff47;--checker:#1d2128;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:-.011em;margin:0;font-weight:600;line-height:1.25}h1{font-size:20px;font-weight:650}h2,h3{font-size:14px}p{margin:0}a{color:var(--accent-text);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-3)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100%;display:flex}.appbar{z-index:40;height:var(--appbar-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:22px;padding:0 24px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.015em;align-items:center;gap:9px;font-size:14.5px;font-weight:650;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{width:26px;height:26px;color:var(--on-accent);background:var(--accent);box-shadow:var(--shadow-1);border-radius:7px;place-items:center;display:grid}.mainnav{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.nav-link{border-radius:var(--r-sm);height:32px;color:var(--text-2);white-space:nowrap;transition:color var(--t-fast), background var(--t-fast);align-items:center;gap:7px;padding:0 11px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link svg{opacity:.8;flex-shrink:0}.nav-link.active{color:var(--text);font-weight:600}.nav-link.active svg{color:var(--accent);opacity:1}.nav-link.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-13px;left:11px;right:11px}.appbar-end{align-items:center;gap:8px;margin-left:auto;display:flex}.appbar .menu-btn{display:none}.content{width:100%;max-width:var(--page-max);flex:1;margin:0 auto;padding:26px 24px 64px}.content-wide{max-width:1600px}.scrim{display:none}@media (width>=1700px){:root{--page-max:1360px}}@media (width<=900px){.appbar{gap:12px;padding:0 14px}.appbar .menu-btn{display:inline-flex}.mainnav{top:var(--appbar-h);z-index:35;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-3);opacity:0;pointer-events:none;transition:opacity var(--t), transform var(--t);flex-direction:column;align-items:stretch;gap:2px;padding:8px;position:fixed;left:0;right:0;transform:translateY(-8px)}.mainnav.open{opacity:1;pointer-events:auto;transform:none}.nav-link{height:38px;font-size:14px}.nav-link.active{background:var(--accent-soft);color:var(--accent-text)}.nav-link.active:after{display:none}.scrim.open{inset:var(--appbar-h) 0 0;background:var(--overlay);z-index:30;display:block;position:fixed}.content{padding:18px 14px 48px}}.focus{max-width:520px;margin:4vh auto 0}.narrow{max-width:1000px;margin:0 auto}.narrow-sm{max-width:920px;margin:3vh auto 0}.focus .page-header{text-align:center;justify-content:center}.focus .steps{justify-content:center}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-header p{color:var(--text-2);max-width:78ch;margin-top:4px;font-size:13px}.page-back{color:var(--text-3);align-items:center;gap:3px;margin-bottom:4px;margin-left:-4px;font-size:12.5px;font-weight:550;display:inline-flex}.page-back:hover{color:var(--accent-text)}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content>*{animation:rise var(--t) both}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.card-header h2{font-size:14px;font-weight:600}.card-header p{color:var(--text-3);margin-top:2px;font-size:12.5px}.card-body{padding:16px}.card-footer{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=860px){.grid-2{grid-template-columns:1fr}}.home{min-height:calc(100vh - var(--appbar-h) - 90px);flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:16px 0 24px;display:flex}.home-hero{text-align:center;max-width:620px}.home-hero h1{letter-spacing:-.03em;margin-top:10px;font-size:clamp(30px,3.6vw,42px);font-weight:700;line-height:1.08}.home-hero p{color:var(--text-2);margin-top:12px;font-size:15px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:940px;display:grid}.tool-card{--tool:var(--accent);min-height:176px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-1);transition:transform var(--t), box-shadow var(--t), border-color var(--t);flex-direction:column;gap:12px;padding:22px;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 100% 0%, color-mix(in oklab, var(--tool) 12%, transparent), transparent 62%);opacity:0;transition:opacity var(--t);position:absolute;inset:0}.tool-card:hover{border-color:color-mix(in oklab, var(--tool) 42%, var(--border));box-shadow:var(--shadow-3);color:var(--text);transform:translateY(-3px)}.tool-card:hover:before{opacity:1}.tool-card:active{transform:translateY(-1px)}.tool-icon{border-radius:var(--r);width:44px;height:44px;color:var(--tool);background:color-mix(in oklab, var(--tool) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tool) 26%, transparent);transition:background var(--t);place-items:center;display:grid}.tool-card:hover .tool-icon{background:color-mix(in oklab, var(--tool) 22%, transparent)}.tool-card h2{letter-spacing:-.02em;font-size:17px;font-weight:650}.tool-card p{color:var(--text-2);max-width:34ch;margin-top:5px;font-size:13px}.tool-card .tool-go{color:var(--text-3);transition:transform var(--t), color var(--t);position:absolute;top:22px;right:22px}.tool-card:hover .tool-go{color:var(--tool);transform:translate(3px)}.tone-blue{--tool:var(--tone-blue)}.tone-amber{--tool:var(--tone-amber)}.tone-green{--tool:var(--tone-green)}.tone-violet{--tool:var(--tone-violet)}@media (width<=720px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:0}}.resume{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);width:100%;max-width:940px;box-shadow:var(--shadow-1);flex-wrap:wrap;align-items:center;gap:12px;padding:13px 16px;font-size:13.5px;display:flex}.resume .resume-text{min-width:200px;color:var(--text-2);flex:1}.resume strong{color:var(--text);font-weight:600}.list-grid{grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px;max-width:1000px;display:grid}.list-card{--tool:var(--tone-amber);min-height:150px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform var(--t), border-color var(--t), box-shadow var(--t);flex-direction:column;gap:14px;padding:18px;display:flex;position:relative}.list-card:hover{color:var(--text);border-color:color-mix(in oklab, var(--tool) 42%, var(--border));box-shadow:var(--shadow-2);transform:translateY(-2px)}.list-card .list-icon{border-radius:var(--r-sm);width:40px;height:40px;color:var(--tool);background:color-mix(in oklab, var(--tool) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tool) 26%, transparent);transition:background var(--t);place-items:center;display:grid}.list-card:hover .list-icon{background:color-mix(in oklab, var(--tool) 22%, transparent)}.list-card .list-name{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:15px;font-weight:650}.list-card .list-open{color:var(--text-3);transition:color var(--t);align-items:center;gap:4px;margin-top:auto;font-size:12.5px;font-weight:550;display:flex}.list-card:hover .list-open{color:var(--tool)}.list-card .list-open svg{transition:transform var(--t)}.list-card:hover .list-open svg{transform:translate(3px)}.btn{height:var(--h);font:inherit;white-space:nowrap;color:var(--text);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-sm);box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13.5px;font-weight:550;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2);color:var(--text)}.btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{color:var(--on-accent);background:var(--accent);border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){color:var(--on-accent);background:var(--accent-hover)}.btn-danger{color:var(--danger);background:var(--surface)}.btn-danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:color-mix(in oklab, var(--danger) 45%, var(--border-2))}.btn-ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn-sm{height:var(--h-sm);padding:0 10px;font-size:13px}.btn-icon{width:var(--h);padding:0}.btn-sm.btn-icon{width:var(--h-sm)}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{color:var(--text-2);letter-spacing:.002em;font-size:12.5px;font-weight:600}.hint{color:var(--text-3);font-size:12.5px}.input,.select,.textarea{width:100%;height:var(--h);font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-sm);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);padding:0 11px;font-size:13.5px}.select{padding-right:8px}.textarea{resize:vertical;height:auto;min-height:128px;font-family:var(--font-mono);padding:9px 11px;font-size:12.5px;line-height:1.6}.input:hover:not(:focus),.select:hover:not(:focus),.textarea:hover:not(:focus){border-color:var(--border-2);background:var(--surface-3)}.input:focus,.select:focus,.textarea:focus{background:var(--surface);border-color:var(--accent);box-shadow:var(--ring);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input-affix{position:relative}.input-affix>span{color:var(--text-3);pointer-events:none;font-size:13px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-affix>.input{padding-left:26px}.input-lg{height:var(--h-lg);font-variant-numeric:tabular-nums;font-size:15px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.divider{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.dropzone{text-align:center;background:var(--surface-2);border:1px dashed var(--border-2);border-radius:var(--r);color:var(--text-2);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:34px 20px;font-size:13.5px;display:flex}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.dropzone strong{color:var(--text);font-size:14.5px;font-weight:600}.dropzone svg{color:var(--text-3);margin-bottom:2px}.dropzone:hover svg,.dropzone.drag svg{color:var(--accent)}.dropzone input{display:none}.dropzone-compact{text-align:left;flex-direction:row;gap:10px;padding:11px 16px}.dropzone-compact svg{margin:0}.dropzone-compact strong{font-size:13.5px}.file-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;display:inline-flex}.table-wrap{border-radius:0 0 var(--r-lg) var(--r-lg);overflow:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px}.table th{z-index:1;background:var(--surface-2);color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:11.5px;font-weight:650;position:sticky;top:0}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover td{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table td.num,.table th.num{text-align:right}.table td.center,.table th.center{text-align:center}.table tfoot td{background:var(--surface-3);border-top:1px solid var(--border-2);border-bottom:0;font-size:13px;font-weight:650;position:sticky;bottom:0}.cell-input{width:100%;min-width:74px;height:28px;font:inherit;color:var(--text);border-radius:var(--r-sm);transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);background:0 0;border:1px solid #0000;padding:0 8px;font-size:13px}.cell-input:hover{border-color:var(--border-2);background:var(--surface)}.cell-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:var(--ring);outline:none}.cell-input.num{text-align:right;font-variant-numeric:tabular-nums}.cell-input.wide{min-width:240px}.empty{text-align:center;color:var(--text-2);padding:52px 20px;font-size:13.5px}.empty-icon{width:46px;height:46px;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);place-items:center;margin:0 auto 14px;display:grid}.empty h3{color:var(--text);margin-bottom:6px;font-size:15px}.badge{white-space:nowrap;color:var(--text-2);background:var(--surface-3);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-text);background:var(--accent-soft)}.badge-success{color:var(--success);background:var(--success-soft)}.badge-warning{color:var(--warning);background:var(--warning-soft)}.badge-danger{color:var(--danger);background:var(--danger-soft)}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pos{color:var(--success)}.neg{color:var(--danger)}.alert{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--border-2);border-radius:var(--r-sm);gap:10px;padding:11px 13px;font-size:13px;display:flex}.alert svg{flex-shrink:0;margin-top:2px}.alert-warning{color:var(--warning);background:var(--warning-soft);border-color:#0000;border-left-color:var(--warning)}.alert-danger{color:var(--danger);background:var(--danger-soft);border-color:#0000;border-left-color:var(--danger)}.modal-backdrop{z-index:100;background:var(--overlay);animation:fade var(--t) both;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-lg);width:100%;max-width:460px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-3);animation:pop var(--t) both;flex-direction:column;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-wide{max-width:min(1100px,94vw)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.modal-header h2{font-size:15px;font-weight:600}.modal-body{color:var(--text-2);flex:1;padding:16px;font-size:13.5px;overflow:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.toasts{z-index:200;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--border-2);border-left:3px solid var(--border-2);border-radius:var(--r-sm);box-shadow:var(--shadow-3);animation:slide-in var(--t) both;align-items:flex-start;gap:10px;padding:11px 12px;font-size:13px;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.toast-success{border-left-color:var(--success)}.toast-success>svg{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error>svg{color:var(--danger)}.toast-info{border-left-color:var(--accent)}.toast-info>svg{color:var(--accent)}.toast>svg{flex-shrink:0;margin-top:1px}.spinner{border:2px solid color-mix(in oklab, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.65s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-card{color:var(--accent-text);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-sm);box-shadow:var(--shadow-1);align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.progress-bar{background:var(--surface-3);border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.progress-bar>div{background:var(--accent);height:100%;transition:width var(--t);border-radius:999px}.steps{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;display:flex}.step{height:32px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast);border-radius:999px;align-items:center;gap:8px;padding:0 13px 0 10px;font-size:13px;font-weight:550;display:inline-flex}.step:hover{color:var(--text);border-color:var(--border-2)}.step-num{font-variant-numeric:tabular-nums;width:18px;height:18px;color:var(--text-2);background:var(--surface-3);border-radius:50%;place-items:center;font-size:11px;font-weight:650;display:grid}.step.active{color:var(--accent-text);background:var(--accent-soft);border-color:color-mix(in oklab, var(--accent) 40%, var(--border))}.step.active .step-num{color:var(--on-accent);background:var(--accent)}.step-sep{color:var(--border-2)}.calc-layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=860px){.calc-layout{grid-template-columns:1fr}}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:13px 14px}.metric .name{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:600;display:block}.metric .value{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:5px;font-size:24px;font-weight:650;line-height:1.1;display:block}.metric-sm{padding:11px 12px}.metric-sm .value{font-size:19px}@media (width<=520px){.metric-grid{grid-template-columns:1fr}}.summary-stat{border-left:1px solid var(--border);flex-direction:column;gap:1px;padding:0 14px;display:flex}.summary-stat:first-child{border-left:0;padding-left:0}.summary-stat .name{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.summary-stat .value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.label-intro{max-width:660px;margin:3vh auto 0}.label-intro .card-body{padding:26px}.label-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.label-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:border-color var(--t-fast), box-shadow var(--t-fast);flex-direction:column;display:flex;overflow:hidden}.label-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-2)}.label-card .label-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:9px 12px;display:flex}.label-card .label-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.label-card .label-frame{background:repeating-conic-gradient(var(--checker) 0% 25%, transparent 0% 50%) 50% / 14px 14px;place-items:center;min-height:150px;padding:12px;display:grid;overflow:hidden}.label-card .label-image-wrap{border-radius:var(--r-sm);width:100%;box-shadow:var(--shadow-2);line-height:0;position:relative;overflow:hidden}.label-card .label-frame img{background:#fff;width:100%;height:auto;display:block}.label-card .label-foot{border-top:1px solid var(--border);background:var(--surface-2);gap:6px;padding:10px 12px;display:flex}.label-card .label-foot .btn{flex:1;min-width:0}.label-card .label-foot .btn-icon{flex:none}.label-card .label-error{color:var(--danger);background:var(--danger-soft);padding:8px 12px;font-size:12.5px}.region-overlay{pointer-events:none;position:absolute}.region-overlay-pending{background:color-mix(in oklab, var(--danger) 22%, transparent);border:1.5px solid var(--danger)}.region-overlay-applied{border:1.5px dashed var(--success)}.label-busy-overlay{color:#fff;background:#06080c73;place-items:center;display:grid;position:absolute;inset:0}.label-summary{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.image-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.cropper-stage{background:var(--checker);border-radius:var(--r-sm);max-height:min(66vh,620px);overflow:hidden}.cropper-stage img{max-width:100%;display:block}.theme-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);gap:2px;padding:2px;display:inline-flex}.theme-switch button{width:28px;height:26px;color:var(--text-3);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-switch button:hover{color:var(--text)}.theme-switch button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-1)}