.save-look{align-self:stretch;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.save-look-hint{color:var(--color-text-muted);font-size:var(--text-sm)}.save-look-confirm{align-items:center;gap:var(--space-2);color:var(--color-success);animation:rise-in var(--duration-base) var(--ease-out);font-weight:600;display:inline-flex}.save-look-confirm:before{content:"✓";border-radius:var(--radius-pill);width:22px;height:22px;font-size:var(--text-xs);border:1.5px solid;place-items:center;display:grid}.save-look-sheet{gap:var(--space-4);display:grid}.save-look-sheet .hands-preview{border-radius:var(--radius-md);background:var(--color-surface)}.save-look-field{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;display:grid}.save-look-field input,.save-look-field select{width:100%;min-height:var(--tap-min);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out);font-weight:400}.save-look-field input:hover,.save-look-field select:hover{border-color:var(--color-text-muted)}.save-look-field input[aria-invalid=true]{border-color:var(--color-danger)}.save-look-field input[type=color]{padding:var(--space-1);cursor:pointer}.polish-form-preview{padding:var(--space-2) 0;justify-content:center;display:flex}.polish-form-error{margin-top:calc(var(--space-3) * -1);color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.shade-palette,.palette-filters{gap:var(--space-3);display:grid}@media (width<=899px){.palette-filters{top:var(--header-height,0px);z-index:5;background:var(--color-surface);padding-block:var(--space-2);position:sticky}}.chip-row{gap:var(--space-2);padding:2px 2px var(--space-1);scrollbar-width:none;margin:-2px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);padding:0 var(--space-4);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex:none;font-weight:600}.chip:hover{border-color:var(--color-accent)}.chip:active{background:var(--color-accent-soft)}.chip[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.palette-search{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);padding:0 var(--space-4);transition:border-color var(--duration-fast) var(--ease-out)}.palette-search:hover{border-color:var(--color-text-muted)}.palette-search::placeholder{color:var(--color-text-muted)}.palette-count{font-size:var(--text-sm);color:var(--color-text-muted)}.shade-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.shade-card{text-align:left;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);width:100%;height:100%;color:var(--color-text);padding:var(--space-2) var(--space-2) var(--space-3);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-content:start;gap:2px;display:grid;position:relative}.shade-card:hover{box-shadow:var(--shadow-1);transform:translateY(-2px)}.shade-card:active{transform:scale(.97)}.shade-card[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:var(--shadow-1)}.shade-card-swatch{aspect-ratio:1;margin-bottom:var(--space-1);display:block}.shade-card-name{font-weight:600;font-size:var(--text-sm);line-height:var(--leading-tight)}.shade-card-finish{font-size:var(--text-xs);color:var(--color-text-muted)}.shade-card-badge{top:var(--space-3);right:var(--space-3);background:var(--color-warning-soft);color:var(--color-warning);border-radius:var(--radius-pill);font-size:var(--text-xs);padding:2px var(--space-2);box-shadow:var(--shadow-1);font-weight:700;position:absolute}.palette-empty{justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;display:grid}.design-preview{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.brush-indicator{align-self:stretch;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text);transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);font-weight:600;display:flex}.brush-indicator[data-nudge]{background:var(--color-accent-soft);border-color:var(--color-accent)}.brush-indicator-swatch{flex:none;width:28px;height:28px}.quick-fills{align-self:stretch;gap:var(--space-2);flex-wrap:wrap;display:flex}.quick-fill{min-height:var(--tap-min);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:var(--text-sm);padding:0 var(--space-4);cursor:pointer;flex:auto;font-weight:600}.quick-fill:not(:disabled):hover{border-color:var(--color-accent)}.quick-fill:disabled{cursor:not-allowed;opacity:.45}.quick-fill-clear{color:var(--color-danger);flex:0 auto}.pickers{justify-content:space-between;align-self:stretch;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.picker-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.shape-option{align-items:center;gap:var(--space-1);min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;flex-direction:column;font-weight:600;display:flex}.shape-option[aria-checked=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.tone-option{width:var(--tap-min);height:var(--tap-min);border:2px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer}.tone-option[aria-checked=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-surface-raised)}.quick-fill,.shape-option,.tone-option{transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.quick-fill:not(:disabled):active,.shape-option:active,.tone-option:active{transform:scale(.96)}.quick-fill:not(:disabled):hover{background:var(--color-accent-soft)}.shape-option:hover{border-color:var(--color-accent);color:var(--color-text)}.tone-option:hover{transform:scale(1.06)}.brush-indicator-swatch{border-radius:var(--radius-pill);box-shadow:var(--shadow-1)}.looks-screen{gap:var(--space-5);flex-direction:column;display:flex}.looks-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.looks-header h2,.look-detail-head h2{font-size:var(--text-2xl);letter-spacing:-.02em}.looks-count{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.looks-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.look-card{align-items:stretch;gap:var(--space-1);width:100%;height:100%;padding:var(--space-3) var(--space-3) var(--space-4);text-align:left;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);cursor:pointer;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.look-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-2);transform:translateY(-2px)}.look-card:active{transform:translateY(0)scale(.99)}.look-card .hands-preview{margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface)}.look-card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);padding-inline:var(--space-1)}.look-card-time{font-size:var(--text-sm);color:var(--color-text-muted);padding-inline:var(--space-1)}.look-card-badge,.look-badge{align-self:flex-start;align-items:center;gap:var(--space-1);font-size:var(--text-xs);letter-spacing:.02em;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-warning-soft);color:var(--color-warning);font-weight:700;display:inline-flex}.look-card-badge{margin:var(--space-2) var(--space-1) 0}.look-card-badge:before,.look-badge:before{content:"";border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px}.look-badge[data-tone=out]{background:var(--color-danger-soft);color:var(--color-danger)}.look-detail{gap:var(--space-5);justify-items:start;max-width:760px;margin-inline:auto;display:grid}.look-detail-head{gap:var(--space-1);display:grid}.look-detail-head .look-card-time{padding:0}.look-detail-hands{width:100%;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.look-warning{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);border:1px solid;font-weight:600}.look-legend{padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;margin:0;list-style:none;display:grid}.look-legend-row{align-items:center;gap:var(--space-2) var(--space-3);min-height:52px;padding-block:var(--space-2);flex-wrap:wrap;display:flex}.look-legend-row+.look-legend-row{border-top:1px solid var(--color-border)}.look-legend-nail{min-width:8.5rem;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.look-legend-shade{font-weight:600}.look-legend-bare,.look-legend-finish{font-size:var(--text-sm);color:var(--color-text-muted)}.look-detail-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.staff-screen{gap:var(--space-5);flex-direction:column;max-width:960px;margin-inline:auto;display:flex}.staff-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.staff-summary{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600}.staff-group{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-4) var(--space-5) var(--space-2)}.staff-group h3{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:700}.staff-group ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.staff-row{align-items:center;gap:var(--space-3);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.staff-row+.staff-row{border-top:1px solid var(--color-border)}.staff-row-text{flex-direction:column;flex:1;min-width:8rem;display:flex}.staff-row-name{font-weight:600}.staff-row-finish{font-size:var(--text-sm);color:var(--color-text-muted)}.stock-control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);gap:2px;padding:2px;display:inline-flex}.stock-option{padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);background:0 0;border:0;font-weight:600}.stock-option:hover{color:var(--color-text)}.stock-option[aria-checked=true]{background:var(--color-surface-raised);color:var(--color-success);box-shadow:var(--shadow-1)}.stock-option[data-stock=low][aria-checked=true]{background:var(--color-warning-soft);color:var(--color-warning)}.stock-option[data-stock=out][aria-checked=true]{background:var(--color-danger);color:var(--color-danger-text)}.staff-clear{margin-top:var(--space-4);align-self:flex-start}@media (width<=599px){.staff-group{padding-inline:var(--space-4)}.staff-row .stock-control,.staff-row .stock-option{flex:1}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-surface:#fbf7f3;--color-surface-raised:#fff;--color-text:#2b2420;--color-text-muted:#6b5f58;--color-accent:#b8495f;--color-accent-text:#fff;--color-accent-soft:#f6dee3;--color-border:#e6dcd5;--color-success:#2e7d5b;--color-warning:#8a5a00;--color-danger:#b3261e;--color-danger-text:#fff;--color-warning-soft:#fbeccc;--color-danger-soft:#fbe3e0;--color-overlay:#2b242073;--color-nail-bed:#f2c9bf;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.125rem;--leading-tight:1.2;--leading-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-1:0 1px 2px #2b24200f, 0 2px 8px #2b24200f;--shadow-2:0 4px 12px #2b24201a, 0 16px 40px #2b242024;--duration-fast:.12s;--duration-base:.2s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--tap-min:44px;--focus-ring:3px solid var(--color-accent);--focus-offset:2px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-surface:#1f1b19;--color-surface-raised:#2b2522;--color-text:#f4ede8;--color-text-muted:#bbafa7;--color-accent:#f0a3b3;--color-accent-text:#2b1a1f;--color-accent-soft:#4a2e36;--color-border:#443b36;--color-success:#8ed6b0;--color-warning:#f2c262;--color-danger:#ff9a92;--color-danger-text:#2b1414;--color-warning-soft:#3d3018;--color-danger-soft:#46221f;--color-overlay:#0009;--color-nail-bed:#d9a79a;--shadow-1:0 1px 2px #0000004d, 0 2px 8px #00000040;--shadow-2:0 4px 12px #00000059, 0 16px 40px #00000073}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{overflow-x:hidden}body{background:radial-gradient(120% 50% at 50% -10%, var(--color-accent-soft), transparent 70%), var(--color-surface);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}button,[role=tab],a,input,select,textarea{min-width:var(--tap-min);min-height:var(--tap-min)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-5);background:color-mix(in srgb, var(--color-surface-raised) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-mark{width:40px;height:40px;color:var(--color-accent);flex:none}.brand-title{font-size:var(--text-lg);letter-spacing:.01em}.brand-tagline{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase}.tab-bar{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);display:flex}.tab{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-5);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:0;font-weight:600;display:inline-flex}.tab:hover{color:var(--color-text)}.tab:active{transform:scale(.97)}.tab[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-text);box-shadow:var(--shadow-1)}.tab-icon{width:18px;height:18px}.app-main{width:100%;max-width:1280px;padding:var(--space-5);flex:1;margin:0 auto}.panel:focus-visible{border-radius:var(--radius-lg)}.design-layout{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=900px){.design-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}.region{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5)}.region-title{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);font-weight:700}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);flex-direction:column;display:flex}.empty-state-mark{width:96px;height:96px;color:var(--color-accent);margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--text-xl)}.empty-state-message{max-width:34ch;color:var(--color-text-muted)}.empty-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.empty-card>.button{margin:calc(var(--space-3) * -1) auto var(--space-7);display:flex}.swatch-dots{gap:var(--space-2);display:flex}.swatch-dot{border-radius:var(--radius-pill);border:1px dashed var(--color-border);background:var(--color-surface);width:28px;height:28px}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);font-weight:600;display:inline-flex}.button:not(:disabled):hover{border-color:var(--color-accent);box-shadow:var(--shadow-1)}.button:not(:disabled):active{box-shadow:none;transform:scale(.97)}.button:disabled{opacity:.45}.button[data-tone=accent],.button[data-tone=primary]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.button[data-tone=accent]:not(:disabled):hover,.button[data-tone=primary]:not(:disabled):hover{background:color-mix(in srgb, var(--color-accent) 88%, var(--color-text))}.button[data-tone=danger]{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-text)}.button[data-tone=danger]:not(:disabled):hover{background:color-mix(in srgb, var(--color-danger) 88%, var(--color-text));border-color:var(--color-danger)}.dialog-backdrop{z-index:100;padding:var(--space-5);background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--duration-base) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(100%,440px);max-height:calc(100dvh - 2 * var(--space-5));overscroll-behavior:contain;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);animation:rise-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;overflow-y:auto}.dialog-title{font-size:var(--text-xl)}.dialog-message{color:var(--color-text-muted)}.dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.hands-preview{width:100%;max-width:640px;margin-inline:auto;position:relative}.hands-preview-art{width:100%;height:auto;display:block}.nail-paint{transform-box:fill-box;transform-origin:bottom;animation:nail-paint var(--duration-base) var(--ease-out)}.nail-button{border-radius:var(--radius-pill);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;padding:0;position:absolute}.nail-button:hover{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.nail-button:active{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}@keyframes nail-paint{0%{opacity:0;transform:scale(.9)}}@media (width<=599px){.app-header{padding:var(--space-3) var(--space-4)}.tab-bar{width:100%}.tab{padding:0 var(--space-3);flex:1}.app-main,.region{padding:var(--space-4)}.dialog-backdrop{padding:var(--space-3);align-items:end}.dialog{padding:var(--space-5);animation-name:sheet-in}.dialog-actions>.button{flex:auto}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}