@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}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.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}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.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{--bg:#111317;--surface:#1a1d23;--surface-2:#232730;--surface-3:#2b303a;--bed:#0c0e11;--bed-line:#1c2027;--bed-line-strong:#2a303a;--bed-plate:#1b1f25;--bed-glow:#1b1f26;--scrim:#0009;--border:#2f3440;--border-strong:#3d4452;--text:#e8eaed;--text-muted:#9aa0ab;--text-subtle:#8a919e;--accent:#ff7a1a;--accent-hover:#ff9142;--accent-press:#e5680e;--accent-soft:#ff7a1a1f;--accent-line:#ff7a1a59;--on-accent:#111317;--success:#3ecf8e;--success-soft:#3ecf8e1f;--warning:#f5b83d;--warning-soft:#f5b83d1f;--danger:#f05252;--danger-soft:#f052521f;--danger-text:#ff7575;--info:#5aa9ff;--info-soft:#5aa9ff1f;--focus:#ff9142;--brand-orange:#ff7a1a;--brand-orange-dark:#c45a0c;--on-color:#fff;--draw-red:#e5484d;--draw-blue:#3e63dd;--draw-metal:#b9c0cb;--draw-metal-edge:#6b7380;--draw-red-edge:#b3262b;--draw-green:#30a46c;--draw-dim:#8a919e;--draw-ink:#1b1d22;--draw-spindle:#ff2d2d;--axis-x:#ff7b7f;--axis-y:#4cd18a;--axis-z:#7b9cff;--cp-bin-napkins:#7aa6d8;--cp-bin-sugar:#e0b25a;--cp-bin-sauce:#e0685a;--cp-bin-toothpicks:#b58b5e;--cp-bin-coasters:#6fbf8e;--cp-bin-straws:#5bb5b0;--cp-bin-cutlery:#8d99c9;--cp-bin-cards:#c98dc0;--cp-bin-trash:#7d8a7a;--cp-bin-flag:#e05a5a;--cp-bin-free:#9a9aa6;--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Bricolage Grotesque Variable", "Inter Variable", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--fs-12:.8rem;--fs-13:.8667rem;--fs-14:.9333rem;--fs-15:1rem;--fs-17:1.1333rem;--fs-20:1.3333rem;--fs-24:1.6rem;--fs-30:2rem;--lh-ui:1.45;--lh-title:1.2;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-xs:2px;--r-sm:8px;--r-md:10px;--r-card:12px;--r-panel:14px;--r-sheet:18px;--r-pill:999px;--radius:var(--r-md);--shadow-1:0 6px 20px #00000059, 0 1px 3px #0000004d;--shadow-2:0 16px 48px #00000080, 0 2px 8px #0000004d;--shadow-3:0 10px 32px #0000008c;--shadow-thumb:0 1px 3px #0006;--hit:36px;--hit-touch:44px;--dur-fast:.12s;--dur:.2s;--dur-slow:.28s;--ease:cubic-bezier(.2, .8, .2, 1);--z-base:0;--z-raised:1;--z-sticky:10;--z-header:20;--z-sheet:30;--z-menu:40;--z-dialog:50;--z-toast:60}:root[data-shop]{--bg:#0f0d0b;--surface:#181514;--surface-2:#211d1b;--surface-3:#2c2724;--bed:#0b0908;--bed-line:#1d1917;--bed-line-strong:#2c2622;--bed-plate:#1d1916;--bed-glow:#221d1a;--border:#322c29;--border-strong:#433b38;--text:#f6f1eb;--text-muted:#a69c95;--text-subtle:#978d86;--accent:#ff7527;--accent-hover:#ff8c4a;--accent-press:#e9621a;--accent-soft:#ff75271f;--accent-line:#ff752780;--on-accent:#120f0d;--focus:#ff8c4a;--font:"DM Sans Variable", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk Variable", "DM Sans Variable", system-ui, sans-serif;--r-sm:10px;--r-md:12px;--r-card:18px;--r-panel:22px;--r-sheet:24px}@media (pointer:coarse){:root:not([data-input=mouse]){--hit:var(--hit-touch)}}:root[data-input=touch]{--hit:var(--hit-touch)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}}@keyframes yb-fade-in{0%{opacity:0}}@keyframes yb-fade-out{to{opacity:0}}@keyframes yb-pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes yb-spin{to{transform:rotate(360deg)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);font-size:15px;line-height:var(--lh-ui);color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1,h2,h3{line-height:var(--lh-title);margin:0 0 .5em}h1,.brand{font-family:var(--font-display);letter-spacing:-.01em}input,select,output,td,.num,.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1{font-size:var(--fs-24)}h2{font-size:var(--fs-17)}h3{font-size:var(--fs-15)}p{margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--text-muted)}.small{font-size:var(--fs-13)}.page-header{margin-bottom:24px}.page-header p{color:var(--text-muted);margin:0}@media (width<=860px){.viewer{height:340px!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.grid{gap:16px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field>span{font-size:var(--fs-13);color:var(--text-muted)}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:0}:where(input,select,textarea):where(:not([class*=ui-])):focus{outline:2px solid var(--focus);outline-offset:-1px}button:where(:not([class*=ui-],[class*=tool-])){font:inherit;color:var(--on-accent);background:var(--accent);border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}button:where(:not([class*=ui-],[class*=tool-])):hover{background:var(--accent-hover);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text);background:var(--surface-2);border-color:var(--border)}button.secondary:hover{border-color:var(--text-muted)}button.danger{color:var(--danger);border-color:var(--border);background:0 0}.error{color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);border-radius:var(--r-sm);padding:10px 12px}table{border-collapse:collapse;width:100%;font-size:var(--fs-14)}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}th{color:var(--text-muted);font-weight:500}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.viewer{background:radial-gradient(120% 80% at 50% 18%, var(--bed-glow) 0%, transparent 70%), var(--bed);width:100%;height:560px;position:relative;overflow:hidden}.viewer[data-scene=estudio]{background:radial-gradient(120% 90% at 50% 25%,#f1f1f3 0%,#c9cbd0 75%,#b4b7bd 100%)}.viewer[data-scene=mesa]{border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 20%,#3a2f27 0%,#1d1713 70%,#120e0b 100%)}.viewer canvas{display:block}.viewer-empty{z-index:var(--z-raised);text-align:center;color:var(--text-muted);pointer-events:none;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.viewer-empty--busy{align-content:center;gap:var(--sp-3)}.viewer-empty--busy>span:last-child{padding:var(--sp-1) var(--sp-3);background:color-mix(in srgb, var(--surface) 70%, transparent);font-size:var(--fs-13);border-radius:999px}.viewer-busy{border:3px solid color-mix(in srgb, var(--accent) 20%, transparent);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite yb-spin}@media (prefers-reduced-motion:reduce){.viewer-busy{border-color:color-mix(in srgb, var(--accent) 45%, transparent);animation:none}}.viewer-empty--state .ui-empty{pointer-events:auto}.checker{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.hero-card{min-height:190px;color:var(--text);background:var(--surface);border:1px solid var(--accent-line);border-radius:var(--r-panel);transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);padding:24px;display:block;position:relative}.hero-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.hero-card .tool-icon{color:var(--accent);margin-bottom:10px;display:inline-flex}.hero-card h2{font-size:var(--fs-20)}.hero-card p{color:var(--text-muted);margin:0}button>svg,.icon-inline{flex-shrink:0}.icon-inline{vertical-align:-.15em;display:inline-block}.compositor-stage{border:1px solid var(--border);border-radius:var(--r-sm);place-items:center;padding:6px;display:grid}.compositor-stage canvas{max-width:100%;max-height:440px;display:block}.layer-row{cursor:pointer;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);align-items:center;gap:8px;padding:6px 8px;display:flex}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-props{border-top:1px solid var(--border);padding-top:8px}.mask-stage{border:1px solid var(--border);border-radius:var(--r-sm);max-height:64vh;overflow:auto}.mask-stage canvas{margin:0 auto;display:block}.warning{color:var(--warning);background:var(--warning-soft);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);border-radius:var(--r-sm);padding:10px 12px}@font-face{font-family:Noto Emoji Mono;src:url(/fonts/noto-emoji.ttf);font-display:swap}:where(button,a,[role=button],summary):focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width<=699px){table.cards-on-phone thead{display:none}table.cards-on-phone,table.cards-on-phone tbody,table.cards-on-phone tr,table.cards-on-phone td{width:100%;display:block}table.cards-on-phone tr{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:10px;padding:10px 12px}table.cards-on-phone td{text-align:left;border:none;padding:3px 0;max-width:none!important}table.cards-on-phone td[data-label]{justify-content:space-between;gap:12px;display:flex}table.cards-on-phone td[data-label]:before{content:attr(data-label);color:var(--text-muted)}}.order-dialog{width:min(640px,100%)}.order-block{border:none;gap:8px;margin:0;padding:0}.order-block legend{margin-bottom:6px;font-weight:600}.usage-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.usage-kpis .card{gap:2px;padding:12px 14px;display:grid}.usage-kpis b{font-size:var(--fs-24);font-variant-numeric:tabular-nums}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.usage-bars{gap:6px;display:grid}.usage-bar{font-size:var(--fs-14);grid-template-columns:minmax(0,11rem) minmax(0,1fr) 3ch;align-items:center;gap:8px;display:grid}.usage-bar-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.usage-bar-track{border-radius:var(--r-sm);background:var(--surface-2);height:10px;overflow:hidden}.usage-bar-fill{border-radius:var(--r-sm);background:var(--accent);height:100%;display:block}.usage-bar-value{text-align:right;font-variant-numeric:tabular-nums}.usage-row{cursor:pointer}.usage-row:hover td{background:var(--surface-2)}.usage-projects{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.usage-project{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.usage-project img,.usage-project .thumb-empty{object-fit:cover;border-radius:var(--r-sm);background:var(--surface-2);width:56px;height:56px}.usage-timeline{gap:4px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.usage-timeline li{font-size:var(--fs-14);grid-template-columns:11rem minmax(0,1fr);gap:8px;display:grid}@media (width<=560px){.usage-timeline li{grid-template-columns:1fr;gap:0}}.skip-link{min-height:44px;z-index:var(--z-toast);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);padding:10px 16px;font-weight:600;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.account-actions{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.edge-fade.can-left{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-8));mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-8))}.edge-fade.can-right{-webkit-mask-image:linear-gradient(to left, transparent 0, #000 var(--sp-8));mask-image:linear-gradient(to left, transparent 0, #000 var(--sp-8))}.edge-fade.can-left.can-right{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-8), #000 calc(100% - var(--sp-8)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--sp-8), #000 calc(100% - var(--sp-8)), transparent 100%)}.tool-page:not(.tool-page--phone) .tool-panel-content .ui-presets{flex-wrap:wrap;overflow-x:visible}.page-header__title{align-items:center;gap:var(--sp-2);display:flex}.page-header__title h1{margin:0}.page-header__back{margin-left:calc(-1 * var(--sp-2));flex:none}@media (width<=699px),(width>=700px) and (width<=1199px) and (orientation:portrait){.page-header .page-header__back{display:none}}@media (hover:none) and (pointer:coarse){input:not([type=range],[type=checkbox],[type=radio],[type=color],[type=file]),select,textarea{font-size:max(16px,1em)!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.account{gap:var(--sp-5);flex-direction:column;min-width:0;max-width:760px;display:flex}.account .page-header{margin-bottom:0}.account-section{gap:var(--sp-4);min-width:0;padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;display:flex}.account-section-head{gap:var(--sp-1);flex-direction:column;display:flex}.account-h2{font-family:var(--font-display);font-size:var(--fs-20);font-weight:600;line-height:var(--lh-title);margin:0}.account-h3{font-size:var(--fs-15);margin:0;font-weight:600}.account-intro,.account-hint{color:var(--text-muted);font-size:var(--fs-14);line-height:var(--lh-ui);margin:0}.account-hint{color:var(--text-subtle);font-size:var(--fs-13)}.account-notice{color:var(--text-subtle);font-size:var(--fs-13);line-height:var(--lh-ui);margin:0}.account-data{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;display:grid}.account-data dt{color:var(--text-muted);font-size:var(--fs-13)}.account-data dd{overflow-wrap:anywhere;margin:0}.account-form{gap:var(--sp-4);flex-direction:column;min-width:0;max-width:420px;display:flex}.account-form--wide{max-width:none}.account-section .account-form:not(:first-child){padding-top:var(--sp-4);border-top:1px solid var(--border)}.account-submit{align-self:flex-start}.account-fieldset{gap:var(--sp-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.account-legend{margin-bottom:var(--sp-2);color:var(--text);font-size:var(--fs-14);padding:0;font-weight:600}.account-volume{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.account-nozzle{max-width:200px}.account-clear{align-self:flex-start}.account-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.account-orders{flex-direction:column;display:flex}.account-order{gap:var(--sp-4);padding:var(--sp-4) 0;grid-template-columns:96px minmax(0,1fr);align-items:start;display:grid}.account-order:first-child{padding-top:0}.account-order+.account-order{border-top:1px solid var(--border)}.account-order-thumb{object-fit:contain;border-radius:var(--r-sm);background:var(--bed);width:96px;height:96px}.account-order-main{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.account-order-title{align-items:center;gap:var(--sp-1) var(--sp-2);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.account-order-date{color:var(--text-subtle);font-size:var(--fs-13)}.account-order-price{font-size:var(--fs-14);font-variant-numeric:tabular-nums}.account-order-actions{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.account-cancel{color:var(--danger-text)}@media (width<=699px){.account-section{padding:var(--sp-4)}.account-volume{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr))}.account-order{gap:var(--sp-3);grid-template-columns:64px minmax(0,1fr)}.account-order-thumb{width:64px;height:64px}.account-submit,.account-actions>*{flex:auto;align-self:stretch}}.account-order-new{padding:2px var(--sp-2);border-radius:var(--r-pill);color:var(--on-accent);background:var(--accent);font-size:var(--fs-12);font-weight:700}.shell--shop{--shop-nav-h:calc(60px + env(safe-area-inset-top));--shell-top:var(--shop-nav-h);--shell-bottom:0px;display:block;overflow-x:clip}.shell.shell--shop{--shell-top:var(--shop-nav-h);--shell-bottom:0px;display:block}.shop-nav{z-index:var(--z-header);height:var(--shop-nav-h);padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.shop-nav__inner{gap:var(--sp-4);max-width:1160px;height:100%;padding:0 max(var(--sp-6), env(safe-area-inset-right)) 0 max(var(--sp-6), env(safe-area-inset-left));justify-content:space-between;align-items:center;margin:0 auto;display:flex}.shop-wordmark{min-height:44px;color:var(--text);font-family:var(--font-display);letter-spacing:-.03em;align-items:center;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.shop-wordmark:hover{text-decoration:none}.shop-wordmark span{color:var(--accent)}.shop-nav__links{gap:var(--sp-1);display:flex}.shop-nav__links a{min-height:44px;padding:0 var(--sp-3);color:var(--text-muted);font-size:var(--fs-14);border-radius:var(--r-pill);transition:color var(--dur-fast) var(--ease);align-items:center;text-decoration:none;display:inline-flex}.shop-nav__short{display:none}.shop-nav__links a:hover{color:var(--text);text-decoration:none}.shop-nav__links a.active{color:var(--text);font-weight:500}.shop-nav__links a:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.shell--shop .main{max-width:1160px;padding:var(--sp-10) max(var(--sp-6), env(safe-area-inset-right)) var(--sp-12) max(var(--sp-6), env(safe-area-inset-left));margin:0 auto}.shell--shop .main:has(>.tool-page){max-width:none;padding:0}:is(.shell.shell--shop:has(.tool-page--phone),.shell.shell--shop:has(.tool-page--portrait)){--shell-top:0px}:is(.shell--shop:has(.tool-page--phone) .shop-nav,.shell--shop:has(.tool-page--portrait) .shop-nav){display:none}@media (width<=699px){.shell--shop{--shop-nav-h:calc(56px + env(safe-area-inset-top))}.shop-nav__inner{padding-inline:max(var(--sp-4), env(safe-area-inset-left))}.shop-nav__links a{padding:0 var(--sp-2)}.shop-nav__long{display:none}.shop-nav__short{display:inline}.shell--shop .main{padding:var(--sp-4) max(var(--sp-4), env(safe-area-inset-right)) var(--sp-10) max(var(--sp-4), env(safe-area-inset-left))}}:root[data-shop] .ui-btn{border-radius:var(--r-pill)}:root[data-shop] .ui-btn--primary{font-weight:700}:root[data-shop] .ui-section-trigger{color:var(--text-muted);font-size:var(--fs-13);letter-spacing:.12em;text-transform:uppercase;font-weight:500}:root[data-shop] .ui-section-trigger:hover{color:var(--text)}:root[data-shop] .tool-header,:root[data-shop] .tool-panel-area{background:var(--bg)}.tool-order{z-index:var(--z-raised);gap:var(--sp-3);margin:var(--sp-2) var(--sp-4) var(--sp-4);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:0 -12px 24px var(--bg);justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}.tool-order__total{min-width:0;display:grid}.tool-order__label{color:var(--text-muted);font-size:var(--fs-13)}.tool-order__price{font-family:var(--font-display);font-size:var(--fs-30);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:1.1}.ui-btn.tool-order__btn{min-height:50px;padding:0 var(--sp-6);font-size:var(--fs-17)}.shop-nav__links a .nav-badge{margin-left:var(--sp-1);vertical-align:2px}.system-screen{min-height:100dvh;padding:var(--sp-6) var(--sp-4);background:var(--bg);place-items:center;display:grid}.system-screen .ui-empty{max-width:420px}.system-screen-detail{margin-top:var(--sp-2);color:var(--text-subtle);font-family:var(--mono);font-size:var(--fs-12);overflow-wrap:anywhere;display:block}.ff{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.ff-label{color:var(--text-muted);font-size:var(--fs-13);font-weight:500;line-height:var(--lh-ui)}.ff-box{min-height:var(--hit);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);transition:border-color var(--dur-fast) var(--ease);align-items:center;display:flex}.ff-box:hover{border-color:var(--border-strong)}.ff-box:focus-within{border-color:var(--accent-line);outline:2px solid var(--focus);outline-offset:2px}.ff .ff-input{width:auto;min-width:0;min-height:calc(var(--hit) - 2px);padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text);font:inherit;font-size:var(--fs-15);background:0 0;border:0;flex:1}.ff .ff-input:focus{outline:none}.ff .ff-input::placeholder,.ff .ff-textarea::placeholder{color:var(--text-subtle)}.ff-end{color:var(--text-subtle);font-size:var(--fs-14);flex:none;align-items:center;padding-right:2px;display:flex}.ff-toggle.ui-icon-btn{width:var(--hit);min-width:var(--hit);min-height:var(--hit);border-radius:var(--r-md);margin:-1px -3px -1px 0}.ff .ff-textarea{min-height:calc(var(--hit) * 2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--fs-15);line-height:var(--lh-ui);resize:vertical}.ff .ff-textarea:focus{border-color:var(--accent-line);outline:2px solid var(--focus);outline-offset:2px}.ff-hint,.ff-error{font-size:var(--fs-13);line-height:var(--lh-ui);margin:0}.ff-hint{color:var(--text-subtle)}.ff-error{color:var(--danger-text)}.ff.is-invalid .ff-box,.ff.is-invalid .ff-textarea{border-color:var(--danger)}.ff-message{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-14);line-height:var(--lh-ui);margin:0}.ff-message--error{color:var(--danger-text);background:var(--danger-soft)}.ff-message--ok{align-items:center;gap:var(--sp-2);color:var(--success);background:var(--success-soft);display:flex}.status-tag{padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-12);white-space:nowrap;align-items:center;gap:6px;font-weight:600;line-height:1.5;display:inline-flex}.status-tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-tag--accent{background:var(--accent-soft);color:var(--accent)}.status-tag--success{background:var(--success-soft);color:var(--success)}.status-tag--info{background:var(--info-soft);color:var(--info)}.status-tag--warning{background:var(--warning-soft);color:var(--warning)}.status-tag--danger{background:var(--danger-soft);color:var(--danger-text)}.ui-skeleton{background:var(--surface-2);max-width:100%;animation:ui-skeleton-pulse 1.6s var(--ease) infinite alternate;display:block}@keyframes ui-skeleton-pulse{0%{opacity:1}to{opacity:.45}}.ui-layerloader{align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-13);line-height:1.2;display:inline-flex}.ui-layerloader-stack{flex-direction:column-reverse;flex:none;gap:2px;width:28px;height:20px;padding:1px 0;display:flex}.ui-layerloader-stack>span{border-radius:var(--r-xs);background:var(--accent);opacity:0;transform-origin:0;height:3px;animation:1.8s var(--ease) infinite both;display:block}.ui-layerloader-stack>span:first-child{animation-name:ui-layer-1}.ui-layerloader-stack>span:nth-child(2){animation-name:ui-layer-2}.ui-layerloader-stack>span:nth-child(3){animation-name:ui-layer-3}.ui-layerloader-stack>span:nth-child(4){animation-name:ui-layer-4}@keyframes ui-layer-1{0%{opacity:0;transform:scaleX(.2)}12%,82%{opacity:1;transform:none}to{opacity:0}}@keyframes ui-layer-2{0%,16%{opacity:0;transform:scaleX(.2)}28%,82%{opacity:1;transform:none}to{opacity:0}}@keyframes ui-layer-3{0%,32%{opacity:0;transform:scaleX(.2)}44%,82%{opacity:1;transform:none}to{opacity:0}}@keyframes ui-layer-4{0%,48%{opacity:0;transform:scaleX(.2)}60%,82%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.ui-skeleton{opacity:.7;animation:none}.ui-layerloader-stack>span{opacity:1;animation:none}}.ui-skeleton-list{gap:var(--sp-2);display:grid}.shell{--shell-top:0px;--shell-bottom:0px;min-height:100dvh}.main{min-width:0;padding:var(--sp-8) var(--sp-10)}.main:focus{outline:none}.route-loading{padding:var(--sp-10) var(--sp-4);justify-content:center;display:flex}.brand{gap:var(--sp-3);min-width:44px;min-height:44px;color:var(--text);font-size:var(--fs-17);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand-logo{border-radius:var(--r-sm);width:32px;height:32px;color:var(--on-accent);background:var(--accent);font-size:var(--fs-15);flex-shrink:0;place-items:center;display:grid}.nav-item{gap:var(--sp-3);width:100%;min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text-muted);font:inherit;font-size:var(--fs-14);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;justify-content:flex-start;align-items:center;font-weight:500;text-decoration:none;display:flex}:root[data-input=touch] .nav-item{min-height:44px}.nav-item:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.nav-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.nav-item.active{color:var(--accent);background:var(--accent-soft)}.nav-item svg{flex-shrink:0}.nav-item__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-item--group.is-within{color:var(--text)}.nav-item__chevron{transition:transform var(--dur) var(--ease);margin-left:auto}.nav-item--group[aria-expanded=false] .nav-item__chevron{transform:rotate(-90deg)}.nav-item--tall{min-height:48px}.nav-sub__items{margin:2px 0 var(--sp-1) var(--sp-4);padding-left:var(--sp-2);border-left:1px solid var(--border)}.nav-group{margin:var(--sp-4) var(--sp-3) var(--sp-1);color:var(--text-subtle);font-size:var(--fs-12);font-weight:600}.sidebar{z-index:var(--z-header);gap:var(--sp-2);height:100dvh;padding:var(--sp-4) var(--sp-3) var(--sp-3);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;position:sticky;top:0}.sidebar__head{gap:var(--sp-2);padding:0 var(--sp-1) var(--sp-2);justify-content:space-between;align-items:center;display:flex}.sidebar__toggle,.topbar__btn,.tool-panel__close{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}:root[data-input=touch] .sidebar__toggle,.topbar__btn,.tool-panel__close{width:44px;height:44px}.sidebar__toggle:hover,.topbar__btn:hover,.tool-panel__close:hover{color:var(--text);background:var(--surface-2)}.sidebar__toggle:focus-visible,.topbar__btn:focus-visible,.tool-panel__close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sidebar__search{gap:var(--sp-2);min-height:40px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-muted);background:var(--bg);font:inherit;font-size:var(--fs-14);text-align:left;cursor:pointer;align-items:center;display:flex}.sidebar__search:hover{border-color:var(--border-strong);color:var(--text)}.sidebar__search:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sidebar__kbd{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);background:var(--surface-2);font-family:inherit;font-size:var(--fs-12);margin-left:auto;padding:1px 6px}.sidebar__scroll{min-height:0;margin:0 calc(var(--sp-1) * -1);padding:0 var(--sp-1);overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar__foot{padding-top:var(--sp-2);border-top:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.sidebar__user{padding:var(--sp-1) var(--sp-3) var(--sp-2);flex-direction:column;line-height:1.3;display:flex}.sidebar__name{font-size:var(--fs-14);font-weight:600}.sidebar__email{color:var(--text-muted);font-size:var(--fs-12);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell.is-collapsed .sidebar{padding-inline:var(--sp-2);align-items:center}.shell.is-collapsed .sidebar__head{flex-direction:column;padding-inline:0}.shell.is-collapsed .nav-item{justify-content:center;width:48px;padding:0}.shell.is-collapsed .nav-item__label,.shell.is-collapsed .nav-item__chevron,.shell.is-collapsed .sidebar__kbd,.shell.is-collapsed .nav-group{display:none}.shell.is-collapsed .sidebar__search{justify-content:center;width:48px;padding:0}.shell.is-collapsed .sidebar__scroll,.shell.is-collapsed .sidebar__foot{align-items:center}.shell.is-collapsed .nav-sub__items{border:0;margin:2px 0;padding:0}.rail{z-index:var(--z-header);gap:var(--sp-1);scrollbar-width:none;height:100dvh;padding:var(--sp-3) var(--sp-1) calc(var(--sp-3) + env(safe-area-inset-bottom));border-right:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;display:flex;position:sticky;top:0;overflow-y:auto}.rail .brand{margin-bottom:var(--sp-3)}.rail-item{width:72px;min-height:60px;padding:var(--sp-1) 0;border-radius:var(--r-card);color:var(--text-muted);font:inherit;font-size:var(--fs-12);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:500;text-decoration:none;display:flex}.rail-item:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.rail-item.active{color:var(--accent);background:var(--accent-soft)}.rail-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tool-panel__scrim{z-index:var(--z-menu);background:color-mix(in srgb, var(--bg) 55%, transparent);position:fixed;inset:0}.tool-panel{z-index:var(--z-menu);width:min(340px,100vw - 96px);padding:var(--sp-4) var(--sp-3) calc(var(--sp-4) + env(safe-area-inset-bottom));overscroll-behavior:contain;border-right:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-2);animation:tool-panel-in var(--dur) var(--ease);position:fixed;top:0;bottom:0;left:80px;overflow-y:auto}@keyframes tool-panel-in{0%{opacity:0;transform:translate(-12px)}}.tool-panel__head{padding:0 var(--sp-1) var(--sp-2) var(--sp-3);justify-content:space-between;align-items:center;display:flex}.tool-panel__head h2{font-family:var(--font-display);font-size:var(--fs-20);margin:0}.topbar{z-index:var(--z-header);gap:var(--sp-2);height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--sp-2), env(safe-area-inset-right)) 0 max(var(--sp-3), env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--surface);align-items:center;display:flex;position:sticky;top:0}.topbar__title{font-family:var(--font-display);font-size:var(--fs-17);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.topbar__search{margin-left:auto}.bottombar{z-index:var(--z-header);height:calc(56px + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottombar__item{min-width:0;color:var(--text-muted);font:inherit;font-size:var(--fs-12);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:500;text-decoration:none;display:flex}.bottombar__item.active{color:var(--accent)}.bottombar__item:hover{text-decoration:none}.bottombar__item:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}@media (width>=1200px){.shell{grid-template-columns:240px minmax(0,1fr);display:grid}.shell.is-collapsed{grid-template-columns:72px minmax(0,1fr)}.rail,.topbar,.bottombar,.tool-panel,.tool-panel__scrim{display:none}}@media (width>=700px) and (width<=1199px) and (orientation:landscape){.shell{grid-template-columns:80px minmax(0,1fr);display:grid}.sidebar,.topbar,.bottombar{display:none}.main{padding:var(--sp-6) var(--sp-6)}}@media (width<=699px),(width>=700px) and (width<=1199px) and (orientation:portrait){.sidebar,.rail,.tool-panel,.tool-panel__scrim{display:none}.shell{--shell-top:calc(56px + env(safe-area-inset-top));--shell-bottom:calc(56px + env(safe-area-inset-bottom))}.shell[data-in-tool]{--shell-bottom:0px}.shell[data-in-tool] .bottombar,.shell[data-in-tool] .main>.page-header h1{display:none}.main{padding:var(--sp-5) max(var(--sp-4), env(safe-area-inset-right)) calc(var(--shell-bottom) + var(--sp-6)) max(var(--sp-4), env(safe-area-inset-left))}}@media (width<=699px){.main{padding-top:var(--sp-4);padding-inline:max(var(--sp-3), env(safe-area-inset-left))}}.nav-badge{min-width:20px;height:20px;color:var(--on-accent);background:var(--accent);font-size:var(--fs-12);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-weight:700;line-height:1;display:inline-flex}.rail-item,.bottombar__item,.is-collapsed .nav-item{position:relative}.rail-item .nav-badge,.bottombar__item .nav-badge,.is-collapsed .nav-item .nav-badge{min-width:18px;height:18px;margin:0;padding:0 5px;font-size:11px;position:absolute;top:4px;left:calc(50% + 4px)}.is-collapsed .nav-item .nav-badge{top:2px;left:26px}.ui-segmented-item .nav-badge,.account-actions .nav-badge{margin-left:var(--sp-2)}.active-client{top:var(--shell-top,0px);z-index:var(--z-sticky);align-items:center;gap:var(--sp-2);margin:calc(-1 * var(--sp-2)) 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--r-md);color:var(--text);background:color-mix(in srgb, var(--accent) 14%, var(--surface));font-size:var(--fs-14);flex-wrap:wrap;display:flex;position:sticky}.active-client>span{flex:200px}.active-client__end{padding:var(--sp-1) var(--sp-3);border:1px solid var(--accent);border-radius:var(--r-md);color:var(--accent);font:inherit;cursor:pointer;background:0 0;font-weight:600}.active-client__end:hover{color:var(--on-accent);background:var(--accent)}.ui-dialog-overlay{z-index:var(--z-dialog);background:var(--scrim);position:fixed;inset:0}.ui-dialog{z-index:var(--z-dialog);width:calc(100% - 2 * var(--sp-6));max-width:560px;height:fit-content;max-height:calc(100dvh - 2 * var(--sp-6));color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sheet);box-shadow:var(--shadow-2);outline:none;flex-direction:column;margin:auto;display:flex;position:fixed;inset:0}.ui-dialog--sm{max-width:400px}.ui-dialog--lg{max-width:800px}.ui-dialog__header{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-3) var(--sp-3) var(--sp-6);display:flex}.ui-dialog__heading{min-width:0;padding-top:var(--sp-1);flex:1}.ui-dialog__title{font-family:var(--font-display);font-size:var(--fs-20);font-weight:600;line-height:var(--lh-title);margin:0}.ui-dialog__description{margin:var(--sp-2) 0 0;font-size:var(--fs-14);line-height:var(--lh-ui);color:var(--text-muted)}.ui-dialog__close{margin-top:calc(-1 * var(--sp-1));flex-shrink:0}.ui-dialog__body{overscroll-behavior:contain;min-height:0;padding:var(--sp-2) var(--sp-6) var(--sp-5);font-size:var(--fs-15);line-height:var(--lh-ui);flex:1;overflow-y:auto}.ui-dialog__footer{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6) var(--sp-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.ui-dialog-overlay[data-state=open]{animation:yb-fade-in var(--dur) var(--ease)}.ui-dialog-overlay[data-state=closed]{animation:yb-fade-out var(--dur-fast) var(--ease) forwards}.ui-dialog[data-state=open]{animation:ui-dialog-in var(--dur) var(--ease)}.ui-dialog[data-state=closed]{animation:ui-dialog-out var(--dur-fast) var(--ease) forwards}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes ui-dialog-out{to{opacity:0;transform:scale(.97)}}@media (width<=699px){.ui-dialog,.ui-dialog--sm,.ui-dialog--lg{width:100%;max-width:none;max-height:calc(100dvh - var(--sp-10));border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;margin:0;inset:auto 0 0}.ui-dialog__header{padding-left:var(--sp-5)}.ui-dialog__body,.ui-dialog__footer{padding-left:var(--sp-5);padding-right:var(--sp-5)}.ui-dialog__footer>*{flex:auto}.ui-dialog[data-state=open]{animation-name:ui-dialog-up}.ui-dialog[data-state=closed]{animation-name:ui-dialog-down}}@keyframes ui-dialog-up{0%{transform:translateY(100%)}}@keyframes ui-dialog-down{to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.ui-dialog-overlay,.ui-dialog{animation:none!important}}.session-expired{overflow-y:auto}.session-expired .ui-empty{padding:var(--sp-6) var(--sp-5) var(--sp-2)}.session-expired-form{gap:var(--sp-3);padding:var(--sp-3) var(--sp-6) var(--sp-6);flex-direction:column;display:flex}@media (width<=699px){.session-expired-form{padding-left:var(--sp-5);padding-right:var(--sp-5)}}.auth{min-height:100dvh;padding:calc(var(--sp-6) + env(safe-area-inset-top)) calc(var(--sp-4) + env(safe-area-inset-right)) calc(var(--sp-6) + env(safe-area-inset-bottom)) calc(var(--sp-4) + env(safe-area-inset-left));background:var(--bg);place-items:center;display:grid}.auth-column{gap:var(--sp-5);flex-direction:column;width:100%;max-width:400px;display:flex}.auth-head{align-items:center;gap:var(--sp-1);flex-direction:column;display:flex}.auth-tagline{color:var(--text-muted);font-size:var(--fs-14);margin:0}.auth-form{gap:var(--sp-4);padding:var(--sp-6);border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);flex-direction:column;display:flex}.auth-title{font-family:var(--font-display);font-size:var(--fs-24);font-weight:600;line-height:var(--lh-title);margin:0}.auth-intro,.auth-notice{color:var(--text-muted);font-size:var(--fs-14);line-height:var(--lh-ui);margin:0}.auth-notice{font-size:var(--fs-13);color:var(--text-subtle)}.auth-code .ff-input{font-variant-numeric:tabular-nums;letter-spacing:.12em}.auth-forgot{min-height:var(--hit);margin:calc(-1 * var(--sp-2)) 0;font-size:var(--fs-14);align-self:flex-start;align-items:center;display:inline-flex}.auth-submit{width:100%}.auth-switch{color:var(--text-muted);font-size:var(--fs-14);text-align:center;margin:0}.auth-switch a{min-height:var(--hit);align-items:center;display:inline-flex}@media (width<=699px){.auth{place-items:start center}.auth-form{padding:var(--sp-5) var(--sp-4)}}.ui-kbd{align-items:center;gap:var(--sp-1);font-size:var(--fs-12);color:var(--text-muted);white-space:nowrap;font-feature-settings:"tnum";line-height:1;display:inline-flex}.ui-kbd__key{min-width:20px;height:20px;padding:0 var(--sp-1);font:inherit;font-size:var(--fs-12);font-feature-settings:"tnum";color:var(--text);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);justify-content:center;align-items:center;display:inline-flex}.ui-kbd__plus{color:var(--text-subtle)}:root[data-input=touch] .ui-kbd{display:none}.proj-thumb{--cell:12px;aspect-ratio:4/3;background-color:var(--bed);background-image:linear-gradient(var(--bed-line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--bed-line-strong) 1px, transparent 1px), linear-gradient(var(--bed-line) 1px, transparent 1px), linear-gradient(90deg, var(--bed-line) 1px, transparent 1px);background-size:calc(var(--cell) * 5) calc(var(--cell) * 5), calc(var(--cell) * 5) calc(var(--cell) * 5), var(--cell) var(--cell), var(--cell) var(--cell);background-position:50%;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.proj-thumb img{object-fit:contain;mix-blend-mode:lighten;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%}.proj-thumb__empty{color:var(--text-subtle)}.proj-card{height:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);transition:border-color var(--dur-fast) var(--ease);flex-direction:column;display:flex;overflow:hidden}a.proj-card:hover{border-color:var(--border-strong);text-decoration:none}a.proj-card:hover .proj-card__name{color:var(--accent-hover)}.proj-card__meta{min-width:0;padding:var(--sp-2) var(--sp-3) var(--sp-3);flex-direction:column;gap:2px;display:flex}.proj-card__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.proj-card__sub{color:var(--text-muted);font-size:var(--fs-13);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-bar{border-radius:var(--r-sm);background:var(--surface-2);width:70%;height:12px;margin:3px 0;display:block}.home-bar--short{width:45%}.projects-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin:0;padding:0;list-style:none;display:grid}.projects-item{min-width:0;position:relative}.projects-item .proj-card__meta{padding-right:calc(var(--sp-2) + max(36px, var(--hit)))}.projects-item__more.ui-icon-btn{right:var(--sp-1);bottom:calc(var(--sp-1) + 1px);position:absolute}.home{max-width:1160px}.home-hero{margin-bottom:var(--sp-8)}.home-hello{margin:0 0 var(--sp-1);color:var(--text-muted);font-size:var(--fs-15)}.home-title{margin:0 0 var(--sp-5);font-size:var(--fs-30);font-weight:700;line-height:var(--lh-title);overflow-wrap:anywhere}.home .home-search{gap:var(--sp-3);width:100%;max-width:560px;min-height:52px;padding:0 var(--sp-4);font:inherit;color:var(--text-subtle);text-align:left;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:text;touch-action:manipulation;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);align-items:center;font-weight:400;display:flex}.home .home-search:hover{color:var(--text-muted);background:var(--surface-2);border-color:var(--text-subtle)}.home .home-search:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.home-search svg{color:var(--text-muted);flex:none}.home-search__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.home-section{margin-bottom:var(--sp-8)}.home-section__head{gap:var(--sp-3);min-height:var(--hit);margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.home-section__head h2{font-size:var(--fs-17);margin:0;font-weight:600}.home-more{min-height:var(--hit);padding:0 var(--sp-2);margin-right:calc(-1 * var(--sp-2));font-size:var(--fs-14);align-items:center;font-weight:600;display:inline-flex}.home-hint{color:var(--text-muted);font-size:var(--fs-14);margin:0}.home-note{gap:var(--sp-3);padding:var(--sp-4);color:var(--text-muted);font-size:var(--fs-14);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);flex-wrap:wrap;align-items:center;display:flex}.home-note>span:last-of-type{flex:240px}.home .home-note__btn{min-height:var(--hit);padding:0 var(--sp-4);font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-weight:600}.home .home-note__btn:hover{background:var(--surface-3)}.home-note__bed{border-radius:var(--r-sm);background-color:var(--bed);background-image:linear-gradient(var(--bed-line-strong) 1px, transparent 1px), linear-gradient(90deg, var(--bed-line-strong) 1px, transparent 1px);background-position:50%;background-size:12px 12px;flex:none;width:72px;height:54px}.home-continue{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.home-continue>li:nth-child(n+5){display:none}.home-chips{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.home-chip{gap:var(--sp-2);min-height:var(--hit);padding:0 var(--sp-4) 0 var(--sp-3);color:var(--text);font-size:var(--fs-14);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);align-items:center;font-weight:500;display:inline-flex}.home-chip svg{color:var(--accent);flex:none}.home-chip:hover{background:var(--surface-3);border-color:var(--border-strong);text-decoration:none}.home-tools{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.home-tool{min-width:0;position:relative}.home-tool__card{column-gap:var(--sp-3);height:100%;min-height:72px;padding:var(--sp-3) calc(var(--sp-3) + 36px) var(--sp-3) var(--sp-3);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-content:center;display:grid}a.home-tool__card:hover{background:var(--surface-2);border-color:var(--border-strong);text-decoration:none}.home-tool__icon{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-md);grid-row:1/3;align-self:center;place-items:center;display:grid}.home-tool__name{overflow-wrap:anywhere;align-self:end;font-weight:600}.home-tool__desc{color:var(--text-muted);font-size:var(--fs-13);text-overflow:ellipsis;white-space:nowrap;align-self:start;overflow:hidden}.home-tool.is-soon .home-tool__card{opacity:.5;cursor:default}.home .home-tool__star{top:50%;right:var(--sp-2);width:36px;height:36px;min-height:0;color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(-50%)}.home .home-tool__star:hover{color:var(--text);background:var(--surface-3)}.home-tool:hover .home-tool__star,.home-tool:focus-within .home-tool__star,.home .home-tool.is-favorite .home-tool__star{opacity:1}.home .home-tool.is-favorite .home-tool__star{color:var(--accent)}.home-tool.is-favorite .home-tool__star svg{fill:currentColor}:root[data-input=touch] .home-tool__card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root[data-input=touch] .home-tool.is-pressing .home-tool__card{background:var(--surface-2);transform:scale(.97)}:root[data-input=touch] .home .home-tool__star{width:44px;height:44px;right:var(--sp-1)}:root[data-input=touch] .home .home-tool:not(.is-favorite) .home-tool__star:not(:focus-visible){clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}@media (width<=699px){.home-hero{margin-bottom:var(--sp-6)}.home-title{font-size:var(--fs-24);margin-bottom:var(--sp-4)}.home-section{margin-bottom:var(--sp-6)}.home-continue{margin-inline:calc(-1 * max(var(--sp-3), env(safe-area-inset-left)));padding:0 max(var(--sp-3), env(safe-area-inset-left)) var(--sp-1);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--sp-3), env(safe-area-inset-left));scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(64%,240px);grid-auto-flow:column;display:grid;overflow-x:auto}.home-continue::-webkit-scrollbar{display:none}.home-continue>li{scroll-snap-align:start}.home-continue>li:nth-child(n+5){display:block}.home-tools{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr))}.home-tool__card{row-gap:var(--sp-2);min-height:96px;padding:var(--sp-3);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-content:start}.home-tool__icon{grid-row:auto;align-self:start}.home-tool__name{font-size:var(--fs-14);align-self:start;line-height:1.3}.home-tool__desc{display:none}.home .home-tool__star{top:var(--sp-1);transform:none}}
