.studio{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start;outline:none}.st-stage{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:var(--shadow);position:sticky;top:8px}.st-bar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.st-views{display:flex;gap:6px}.st-views button{position:relative;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:600;min-height:40px}.st-views button.on{background:var(--accent);color:#fff;border-color:transparent}.st-views i{position:absolute;top:6px;right:8px;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7}.st-hist{display:flex;gap:6px;align-items:center}.st-save{font-size:12px;color:var(--slate);min-width:56px}.st-save.failed{color:var(--bad);font-weight:700}.st-canvas{background:radial-gradient(circle at 50% 35%,#fff,#eceae6);border-radius:10px;display:grid;place-items:center;padding:6px}.st-svg{width:100%;max-height:72vh;height:auto;touch-action:none;user-select:none;-webkit-user-select:none;display:block}.st-handle{fill:#2563eb;stroke:#fff;stroke-width:2}.st-tip{margin:8px 2px 0;color:var(--slate);font-size:12.5px}.st-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px;display:grid;gap:10px}.st-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--tint);border-radius:10px;padding:4px}.st-tabs button{border:0;background:transparent;color:var(--slate);padding:9px 4px;border-radius:8px;font-weight:700;font-size:13px;min-height:40px}.st-tabs button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.st-sec{display:grid;gap:10px}.st-sec h3{margin:4px 0 0;display:flex;gap:8px;align-items:baseline}.st-sec p{margin:0}.st-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.st-style{border:2px solid var(--line);background:#f4f2ee;border-radius:10px;padding:4px 4px 6px;display:grid;gap:2px;font-size:12.5px;font-weight:600;color:#1f2933}.st-style svg{width:100%;height:auto}.st-style.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.st-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.st-swatches button,.st-custom{aspect-ratio:1;border-radius:50%;border:2px solid rgba(0,0,0,.18);min-width:30px;padding:0}.st-swatches button.on{outline:3px solid var(--accent);outline-offset:2px}.st-swatches.sm{grid-template-columns:repeat(9,1fr);gap:6px}.st-custom{position:relative;display:grid;place-items:center;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;overflow:hidden}.st-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.st-custom span{font-weight:800;color:#fff;text-shadow:0 0 3px #000;pointer-events:none}.st-add{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-add .btn{padding:16px 8px;font-size:15px;display:grid;gap:2px;justify-items:center}.st-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.st-logo{position:relative}.st-logo>button:first-child{width:100%;aspect-ratio:1;border:1px solid var(--line);background:repeating-conic-gradient(#e9e6e1 0,#e9e6e1 25%,#fff 0,#fff 50%) 0 0 / 14px 14px;border-radius:8px;padding:4px}.st-logo img{width:100%;height:100%;object-fit:contain}.st-logo .x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:var(--ink);color:var(--panel);line-height:1}.st-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.st-list button{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.st-list button.on{border-color:var(--accent);background:var(--accent-bg)}.st-fonts{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.st-fonts button{padding:10px 6px;font-size:17px;border-radius:8px;border:2px solid var(--line);background:var(--panel);color:var(--ink);min-height:44px}.st-fonts button.on{border-color:var(--accent);background:var(--accent-bg)}.st-row{display:flex;gap:10px;align-items:center}.st-row label{flex:1;display:grid;gap:2px;font-weight:600;font-size:12.5px}.st-row input[type=range]{width:100%;accent-color:var(--accent)}.st-toggles,.st-actions{display:flex;gap:6px;flex-wrap:wrap}.st-toggles button{min-width:42px;min-height:40px;padding:4px 10px;border-radius:8px;border:2px solid var(--line);background:var(--panel);color:var(--ink)}.st-toggles button.on{border-color:var(--accent);background:var(--accent-bg)}.st-sum{display:flex;gap:8px;flex-wrap:wrap}.st-mini{background:#f4f2ee;border:1px solid var(--line);border-radius:10px;width:108px;padding:4px 4px 6px;display:grid;gap:2px;font-size:12px;font-weight:600;text-align:center;color:#1f2933}.st-mini svg{width:100%;height:auto}.st-approve{display:flex;gap:8px;align-items:flex-start;font-weight:600;background:var(--tint);border:1px solid var(--line);border-radius:8px;padding:10px}.st-approve input{margin-top:3px;width:18px;height:18px}.st-done{max-width:560px;margin:24px auto;text-align:center;display:grid;gap:12px}.st-check{width:64px;height:64px;margin:0 auto;border-radius:50%;background:var(--ok-bg);color:var(--ok);font:800 34px/64px var(--head)}.st-page .pub-main{max-width:1180px}@media (max-width: 920px){.studio{grid-template-columns:1fr}.st-stage{position:static}.st-svg{max-height:58vh}.st-swatches{grid-template-columns:repeat(8,1fr)}}@media (max-width: 480px){.st-swatches,.st-swatches.sm{grid-template-columns:repeat(6,1fr)}.st-tabs button{font-size:12px}}.pub-main.wide{max-width:1180px}.dz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.dz-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);display:grid}.dz-card:hover{border-color:var(--accent);text-decoration:none}.dz-thumbs{display:flex;gap:2px;background:#eceae6;min-height:150px;align-items:center;justify-content:center}.dz-thumbs img{width:33.3%;flex:1;min-width:0;height:150px;object-fit:contain}.dz-info{padding:10px 12px;display:grid;gap:2px}.st-hl{color:#fff;font-weight:600;text-decoration:none}.st-hl:hover{text-decoration:underline}.st-acct{margin:0 0 10px;font-size:13.5px;color:var(--slate)}.st-mine{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.st-mycard{grid-template-columns:110px 1fr;align-items:center;gap:14px;padding:14px}.st-mythumb{display:block;background:var(--tint);border-radius:10px;padding:4px}.st-mythumb svg{width:100%;height:auto;display:block}.sf{min-height:100vh;background:#faf8f5;color:#1f2933;font-family:var(--body)}.sf-head{background:var(--side);color:#fff;display:flex;align-items:center;gap:20px;padding:12px 20px;position:sticky;top:0;z-index:5}.sf-brand{display:inline-flex;color:#fff;text-decoration:none}.sf-head nav{flex:1;display:flex;gap:16px}.sf-head nav a{color:#d5dae0;font-weight:600;text-decoration:none;padding:6px 2px}.sf-head nav a.active{color:#fff;border-bottom:2px solid var(--accent)}.sf-cartbtn{position:relative;color:#fff;padding:8px;border-radius:8px;display:inline-flex}.sf-cartbtn:hover{background:#ffffff1f;text-decoration:none}.sf-cartbtn b{position:absolute;top:0;right:0;background:var(--accent);color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}.sf-main{max-width:1180px;margin:0 auto;padding:18px 16px 60px}.sf-narrow{max-width:640px;margin:0 auto;display:grid;gap:14px}.sf-hero{text-align:center;padding:26px 8px 22px}.sf-hero h1{font-size:34px}.sf-hero p{margin:6px 0 0;color:#5b6470;font-size:16px}.sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.sf-card{background:#fff;border:1px solid #e4e0da;border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;display:grid;transition:box-shadow .15s,transform .15s}.sf-card:hover{box-shadow:0 8px 24px #1f29331f;transform:translateY(-2px);text-decoration:none}.sf-pic{position:relative;background:radial-gradient(circle at 50% 40%,#fff,#eceae6);display:grid;place-items:center;padding:8px}.sf-pic.big{border-radius:14px;border:1px solid #e4e0da;padding:14px}.sf-pic.sm{width:84px;border-radius:10px;padding:2px;flex:none}.sf-mock{width:100%;height:auto;max-height:560px;display:block}.sf-pic img{max-width:100%;max-height:560px;border-radius:10px}.sf-mini{width:100%;height:auto}.sf-tag{position:absolute;top:10px;left:10px;background:#1f2933;color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}.sf-info{padding:12px 14px 14px;display:grid;gap:4px}.sf-info h2{font-size:16px}.sf-price{font-weight:700}.sf-price.lg{font-size:24px;font-family:var(--head)}.sf-dots{display:flex;gap:5px;align-items:center}.sf-dots i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.25);display:inline-block}.sf-dots small{color:#5b6470}.sf-product{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}.sf-gallery{display:grid;gap:10px;position:sticky;top:70px}.sf-thumbs{display:flex;gap:8px;flex-wrap:wrap}.sf-thumbs button{width:64px;height:64px;padding:2px;border:2px solid #e4e0da;border-radius:10px;background:#fff;overflow:hidden}.sf-thumbs button.on{border-color:var(--accent)}.sf-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:6px}.sf-buy{display:grid;gap:14px}.sf-crumb{margin:0;color:#5b6470;font-size:13px}.sf-desc{margin:0;color:#3b4450;line-height:1.6}.sf-buy fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}.sf-buy legend{font-weight:600;padding:0;margin-bottom:6px}.sf-opts{display:flex;gap:8px;flex-wrap:wrap}.sf-opts button{min-width:52px;min-height:44px;padding:8px 14px;border:2px solid #d9d4cc;border-radius:10px;background:#fff;font-weight:600;color:#1f2933}.sf-opts button.on{border-color:var(--accent);background:var(--accent-bg);color:#1f2933}.sf-opts button.out{color:#9aa1ab;text-decoration:line-through;background:#f1efeb}.sf-swatch{display:flex;gap:10px;flex-wrap:wrap}.sf-swatch button{width:38px;height:38px;border-radius:50%;border:2px solid rgba(0,0,0,.2);padding:0;position:relative}.sf-swatch button.on{outline:3px solid var(--accent);outline-offset:2px}.sf-swatch button.out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent 46%,#c8202f 47%,#c8202f 53%,transparent 54%);border-radius:50%}.sf-low{margin:0;color:#9a5b0a;font-weight:600;font-size:13px}.sf-buyrow{display:flex;gap:12px;align-items:center}.sf-qty{display:inline-flex;border:2px solid #d9d4cc;border-radius:10px;background:#fff;align-items:center}.sf-qty button{width:40px;height:42px;border:0;background:transparent;font-size:20px;color:#1f2933}.sf-qty span{min-width:28px;text-align:center;font-weight:700}.sf-qty.sm{margin-top:6px;border-width:1px}.sf-qty.sm button{width:30px;height:30px;font-size:16px}.sf-qty .sf-link{width:auto;margin-left:8px;font-size:13px}.sf-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;border:2px solid #1f2933;background:#fff;color:#1f2933;font-weight:700;font-size:15px;text-decoration:none;min-height:46px}.sf-btn:hover{text-decoration:none}.sf-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.sf-btn.primary:hover:not(:disabled){background:var(--accent-ink)}.sf-btn.wide{width:100%;font-size:16px;padding:14px}.sf-buyrow .sf-btn{flex:1}.sf-link{background:none;border:0;color:var(--accent-ink);text-decoration:underline;padding:0}.sf-added{background:#e3f4ea;color:#1e7a4c;border-radius:10px;padding:10px 14px;font-weight:600}.sf-note{margin:0;color:#5b6470;font-size:12.5px}.sf-empty{text-align:center;padding:60px 12px;display:grid;gap:12px;justify-items:center;color:#5b6470}.sf-lines{display:grid;gap:10px}.sf-line{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e4e0da;border-radius:12px;padding:10px}.sf-line.gone{color:#b01e31;justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:#5b6470}.sf-total{display:flex;justify-content:space-between;font-size:20px;padding:8px 2px;font-family:var(--head)}.sf-box{background:#fff;border:1px solid #e4e0da;border-radius:14px;padding:16px;display:grid;gap:10px}.sf-box h2{font-size:16px}.sf-box.center{text-align:center;justify-items:center}.sf-radio{display:flex;gap:10px;align-items:flex-start;border:2px solid #e4e0da;border-radius:12px;padding:12px;cursor:pointer}.sf-radio.on{border-color:var(--accent);background:var(--accent-bg)}.sf-radio input{margin-top:4px;width:18px;height:18px}.sf-radio em{font-style:normal;font-weight:700;margin-left:8px}.sf-radio small{display:block;color:#5b6470;margin-top:2px}.sf-input{padding:12px;border:2px solid #d9d4cc;border-radius:10px;font:inherit;width:100%;background:#fff;color:#1f2933}.sf-sum{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.sf-table{width:100%;border-collapse:collapse}.sf-table td{padding:8px 4px;border-bottom:1px solid #eee9e2;vertical-align:top}.sf-table tr.tot td{font-weight:800;font-size:17px;border-bottom:0}.sf-check{width:64px;height:64px;border-radius:50%;background:#e3f4ea;color:#1e7a4c;font:800 34px/64px var(--head)}.sf-foot{text-align:center;color:#5b6470;font-size:13px;padding:24px 16px 40px;border-top:1px solid #e4e0da}@media (max-width: 820px){.sf-product{grid-template-columns:1fr}.sf-gallery{position:static}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sf-hero h1{font-size:26px}}@font-face{font-family:Montserrat;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Montserrat;font-weight:800;font-display:swap;src:url(/fonts/montserrat-latin-800-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}:root{--accent: #D7263D;--accent-ink: #B01E31;--accent-bg: #FBE9EB;--ink: #1F2933;--slate: #5B6470;--line: #E4E0DA;--canvas: #F7F5F2;--panel: #FFFFFF;--tint: #FBF9F6;--side: #1B232C;--side-ink: #D5DAE0;--side-dim: #8C96A3;--side-line: #2A343F;--side-on: #2A343F;--ok: #1E7A4C;--ok-bg: #E3F4EA;--warn: #9A5B0A;--warn-bg: #FDF1DC;--bad: #B01E31;--bad-bg: #FBE9EB;--info: #1D5FA8;--info-bg: #E5EFFA;--head: "Montserrat", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--r: 8px;--shadow: 0 1px 2px rgba(31,41,51,.06), 0 4px 14px rgba(31,41,51,.05)}:root[data-theme=dark]{--accent: #F0546A;--accent-ink: #FF8A9A;--accent-bg: #3A1D24;--ink: #ECEFF3;--slate: #A3ACB8;--line: #313B47;--canvas: #12171D;--panel: #1A2129;--tint: #1F2730;--side: #0E1217;--side-ink: #D5DAE0;--side-dim: #7F8A97;--side-line: #222B35;--side-on: #202A34;--ok: #5BD39A;--ok-bg: #16352A;--warn: #F2B24C;--warn-bg: #3A2E14;--bad: #FF8A9A;--bad-bg: #3A1D24;--info: #7DB4F2;--info-bg: #172B44;--shadow: 0 1px 2px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--body);font-size:14px;line-height:1.5;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--head);font-weight:800;margin:0;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:17px}h3{font-size:14px;font-weight:700}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--slate)}.sm{font-size:12.5px}.mono{font-family:var(--mono);font-size:13px}.r{text-align:right}.nowrap{white-space:nowrap}.center{text-align:center}.stack{display:grid;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.gap-s{gap:6px}.linklike{background:none;border:0;padding:0;color:var(--accent-ink);text-decoration:underline}.empty{color:var(--slate);padding:22px 8px;text-align:center;margin:0}.hint{color:var(--slate);font-size:12px;font-weight:400}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.side{background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;padding:18px 12px}.side .logo{padding:2px 8px 18px}.side nav{display:grid;gap:2px}.side a.nav,.side .nav-group>button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:7px;color:var(--side-ink);background:none;border:0;text-align:left;font-weight:600;font-size:13.5px}.side a.nav:hover,.side .nav-group>button:hover{background:var(--side-on);text-decoration:none}.side a.nav.active{background:var(--side-on);box-shadow:inset 3px 0 0 var(--accent);color:#fff}.side .nav-title{font:700 10.5px var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--side-dim);padding:16px 10px 6px}.side .badge{margin-left:auto;background:var(--accent);color:#fff;border-radius:999px;font-size:11px;padding:0 7px;min-width:20px;text-align:center}.side .badge.dim{background:var(--side-line);color:var(--side-ink)}.side-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--side-line);font-size:12.5px;color:var(--side-dim);display:grid;gap:8px}.side-foot b{color:var(--side-ink);display:block;font-weight:600}.side-foot .row button{background:none;border:1px solid var(--side-line);color:var(--side-ink);border-radius:6px;padding:3px 8px;font-size:12px}.side-foot .row button.on{background:var(--side-on);border-color:var(--side-dim)}.main{min-width:0}.viewing{background:var(--warn-bg);color:var(--warn);padding:8px 24px;display:flex;gap:12px;align-items:center;font-weight:600;border-bottom:1px solid var(--line)}.page{padding:26px 30px 60px;max-width:1240px}.page.wide{max-width:none}.page.narrow{max-width:760px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head .sub{color:var(--slate);margin:3px 0 0;max-width:62ch}.crumbs{color:var(--slate);margin:0 0 6px;font-size:12.5px}.menu-btn{display:none}@media (max-width: 860px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:column}.page{padding:18px 14px 50px}}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 14px;border-radius:7px;font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--slate);text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}.btn-quiet{background:transparent}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}:root[data-theme=dark] .btn-danger{color:#1a0f12}.btn-sm{padding:4px 10px;font-size:12.5px}.btn-block{width:100%;justify-content:center}.icon-btn{background:none;border:0;font-size:22px;line-height:1;color:var(--slate);padding:2px 8px;border-radius:6px}.icon-btn:hover{background:var(--tint);color:var(--ink)}.input,select.input,textarea.input{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);font:inherit}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-bg)}.input-sm{padding:4px 8px;font-size:13px}.input.num{text-align:right;font-family:var(--mono);font-size:13px}textarea.input{resize:vertical;min-height:64px}.field{display:grid;gap:4px}.field>span{font-weight:600;font-size:12.5px;color:var(--ink)}.field-row{align-items:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.check{display:inline-flex;align-items:center;gap:7px;font-weight:500}.check input{width:16px;height:16px;accent-color:var(--accent)}.alert{background:var(--bad-bg);color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);padding:9px 12px;border-radius:7px;font-weight:500}.notice{background:var(--info-bg);color:var(--info);padding:9px 12px;border-radius:7px}.notice.warn{background:var(--warn-bg);color:var(--warn)}.notice.ok{background:var(--ok-bg);color:var(--ok)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--canvas);padding:10px 18px;border-radius:8px;box-shadow:var(--shadow);z-index:50;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:16px}.panel.flush{padding:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.panel-head p{margin:2px 0 0;color:var(--slate)}.table-wrap{overflow-x:auto}table.grid{width:100%;border-collapse:collapse}table.grid th{text-align:left;font:700 11px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--tint)}table.grid td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}table.grid tr:last-child td{border-bottom:0}table.grid tbody tr:hover{background:var(--tint)}table.grid th.r,table.grid td.r{text-align:right}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.search{max-width:280px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}.chip.on{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.chip:hover{border-color:var(--slate)}.pill{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pill-neutral{background:var(--tint);color:var(--slate);border:1px solid var(--line)}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-bad{background:var(--bad-bg);color:var(--bad)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-accent{background:var(--accent);color:#fff}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs a,.tabs button{padding:9px 14px;font-weight:600;color:var(--slate);border:0;background:none;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none}.tabs .on{color:var(--ink);border-bottom-color:var(--accent)}.tabs a:hover{text-decoration:none;color:var(--ink)}.tabs .count{background:var(--tint);border:1px solid var(--line);border-radius:999px;font-size:11px;padding:0 6px;margin-left:5px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r);padding:12px 14px;display:grid;gap:1px;color:var(--ink);box-shadow:var(--shadow)}a.stat:hover{text-decoration:none;border-color:var(--slate);border-left-color:var(--accent)}.stat span{font:700 10.5px var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--slate)}.stat b{font:800 24px var(--head)}.stat em{font-style:normal;color:var(--slate);font-size:12.5px}.stat.bad{border-left-color:var(--bad)}.stat.bad b{color:var(--bad)}.stat.warn{border-left-color:var(--warn)}.stat.ok{border-left-color:var(--ok)}.stat.accent{border-left-color:var(--accent)}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 1000px){.two-col{grid-template-columns:1fr}}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 14px;margin:0}.kv dt{color:var(--slate)}.kv dd{margin:0}.bar-row{display:grid;grid-template-columns:90px 1fr 90px;gap:10px;align-items:center;margin:6px 0;font-size:13px}.bar{height:10px;border-radius:5px;background:var(--tint);border:1px solid var(--line);overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}dialog.dialog{border:0;border-radius:12px;padding:0;width:min(520px,94vw);background:var(--panel);color:var(--ink);box-shadow:0 20px 60px #00000059}dialog.dialog.wide{width:min(720px,94vw)}dialog.dialog::backdrop{background:#0f141a8c}.dialog-in{display:grid;max-height:90vh}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.dialog-body{padding:16px 18px;overflow-y:auto}.dialog-foot,.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.dialog-foot{padding:12px 18px;border-top:1px solid var(--line)}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,var(--side),#2c3844)}.auth .panel{width:min(420px,100%);padding:26px}.auth .logo-word{color:var(--ink)!important}.logo{display:inline-flex;align-items:center;gap:10px}.logo-word{font:800 calc(var(--s) * .5) var(--head);color:var(--ink);letter-spacing:-.01em}.logo-word.white{color:#fff}.logo-word i{font-style:normal;font-weight:700;opacity:.7}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;align-items:start}.col{background:var(--tint);border:1px solid var(--line);border-radius:var(--r);min-height:140px;display:grid;align-content:start;gap:8px;padding:10px}.col.over{outline:2px dashed var(--accent)}.col h3{display:flex;justify-content:space-between;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate)}.col h3 span{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:0 8px}.card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:7px;padding:9px 10px;display:grid;gap:4px;box-shadow:var(--shadow);cursor:grab}.card.late{border-left-color:var(--bad)}.card.rush{border-left-color:var(--accent)}.card.hold{opacity:.7;border-style:dashed}.card b{font-weight:600}.card .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;color:var(--slate);font-size:12px}.card select{font-size:12px;padding:2px 4px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}@media (max-width: 1100px){.editor{grid-template-columns:1fr}}.sticky{position:sticky;top:14px}.qline{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);margin-bottom:14px;box-shadow:var(--shadow)}.qline-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--tint);border-bottom:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;gap:10px}.qline-body{padding:14px;display:grid;gap:12px}.sizes{display:grid;grid-template-columns:repeat(10,minmax(42px,1fr));gap:6px}.sizes label{display:grid;gap:2px;text-align:center;font:700 10.5px var(--head);color:var(--slate)}.sizes input{text-align:center;padding:5px 2px}@media (max-width: 700px){.sizes{grid-template-columns:repeat(5,1fr)}}.deco{display:grid;grid-template-columns:1.1fr 1.2fr 1fr auto auto;gap:8px;align-items:end;padding:10px;border:1px dashed var(--line);border-radius:7px}@media (max-width: 900px){.deco{grid-template-columns:1fr 1fr}}.deco-price{grid-column:1 / -1;color:var(--slate);font-size:12.5px}.totals{display:grid;gap:6px}.totals div{display:flex;justify-content:space-between}.totals .big{font:800 20px var(--head);border-top:2px solid var(--ink);padding-top:8px;margin-top:4px}.totals .dep{color:var(--accent-ink);font-weight:600}.warn-list{margin:8px 0 0;padding-left:18px;color:var(--warn);font-size:12.5px}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:0}.timeline li{padding:9px 0 9px 16px;border-left:2px solid var(--line);position:relative}.timeline li:before{content:"";position:absolute;left:-5px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.timeline time{display:block;color:var(--slate);font-size:12px}.proof{border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;gap:10px;margin-bottom:12px;background:var(--panel)}.thumbs{display:flex;gap:10px;flex-wrap:wrap}.thumb{width:118px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--tint);font-size:11.5px}.thumb img,.thumb .file{width:100%;height:88px;object-fit:contain;display:grid;place-items:center;background:#fff}.thumb .cap{padding:4px 6px;display:flex;justify-content:space-between;gap:4px;align-items:center}.thumb .cap span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}.cal .dow{background:var(--tint);font:700 11px var(--head);text-transform:uppercase;letter-spacing:.06em;color:var(--slate);padding:7px 8px;border-bottom:1px solid var(--line)}.cal .day{min-height:104px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px 5px;display:grid;align-content:start;gap:3px}.cal .day:nth-child(7n){border-right:0}.cal .day.out{background:var(--tint);color:var(--slate)}.cal .day.today .n{background:var(--accent);color:#fff}.cal .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.cal .ev{font-size:11.5px;padding:2px 5px;border-radius:4px;background:var(--info-bg);color:var(--info);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.cal .ev.invoice{background:var(--warn-bg);color:var(--warn)}.cal .ev.late{background:var(--bad-bg);color:var(--bad)}.cal .ev:hover{text-decoration:none;filter:brightness(.95)}.tier-table input{width:100%}.method{border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;background:var(--panel)}.method>summary{padding:12px 14px;cursor:pointer;display:flex;gap:12px;align-items:center;font-weight:600;list-style:none}.method>summary::-webkit-details-marker{display:none}.method[open]>summary{border-bottom:1px solid var(--line)}.method-body{padding:14px;display:grid;gap:14px}pre.file{background:var(--tint);border:1px solid var(--line);border-radius:7px;padding:12px;overflow:auto;font:12.5px/1.5 var(--mono);max-height:360px;white-space:pre-wrap}@media print{.side,.no-print,.toast,.viewing{display:none!important}.app{display:block}.page{padding:0;max-width:none}.panel{box-shadow:none}body{background:#fff}}.pub{min-height:100vh;background:var(--tint);color:var(--ink)}.pub-head{background:var(--side);color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pub-head .who{font-size:13px;opacity:.85;display:flex;gap:12px;align-items:center}.pub-head button{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:4px 10px;cursor:pointer}.pub-main{max-width:860px;margin:0 auto;padding:22px 16px 60px;display:grid;gap:16px}.pub-main.narrow{max-width:440px;padding-top:48px}.pub-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow);display:grid;gap:14px}.pub-card h1,.pub-card h2{margin:0}.pub-foot{text-align:center;color:var(--slate);font-size:12.5px;padding:10px}.steps{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.steps li{flex:1 1 90px;font-size:11.5px;text-align:center;padding:6px 4px;border-radius:6px;background:var(--tint);color:var(--slate);border:1px solid var(--line)}.steps li.done{background:var(--ok-bg);color:var(--ok);border-color:transparent}.steps li.current{background:var(--accent);color:#fff;font-weight:700;border-color:transparent}.code-input{font:700 28px var(--mono);letter-spacing:.4em;text-align:center}.pub-tabs{display:flex;gap:6px}.pub-tabs button{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-weight:600}.pub-tabs button.on{background:var(--accent);color:#fff;border-color:transparent}.pub-proof-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.pub-proof-files img{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff}.qdoc table{width:100%;border-collapse:collapse}.qdoc td{padding:5px 4px;border-bottom:1px solid var(--line);vertical-align:top}.qdoc td.r{text-align:right;white-space:nowrap}.qdoc .sub td{color:var(--slate);font-size:13px;padding-left:14px}.decide{display:grid;gap:10px;border-top:2px solid var(--line);padding-top:14px}.big-ok{text-align:center;padding:10px}.big-ok b{display:block;font:800 22px var(--head)}