:root{--bg:#0b0d10;--panel:#14181d;--line:#232a32;--ink:#e9edf2;--dim:#97a3b2;--accent:#5ad1c0;--accent-ink:#05201c;--danger:#ff6b6b;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;padding:20px 16px 80px;font:400 16px/1.5 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}main{max-width:1080px;margin:0 auto}h1{letter-spacing:-.02em;font-size:24px}h1 span{color:var(--accent)}.lede{color:var(--dim);margin-top:6px;font-size:14px}.step{margin-top:26px}.step>h2{text-transform:uppercase;letter-spacing:.14em;color:var(--dim);margin-bottom:10px;font-size:12px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel);min-height:44px;color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;display:inline-flex}.chip:hover{border-color:#3a4552}.chip[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 16%, var(--panel));border-color:var(--accent);color:#fff}.dot{border:1px solid #ffffff40;border-radius:50%;width:12px;height:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:84px;color:var(--ink);cursor:pointer;padding:14px}.card:hover{border-color:#3a4552}.card[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.card b{font-size:15px;display:block}.card small{color:var(--dim);margin-top:4px;font-size:13px;line-height:1.35;display:block}.fields{gap:10px;display:grid}label.field{display:block}label.field>span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:12px;display:block}input[type=text],input[type=email],input[type=password],input[type=number],textarea{background:var(--panel);width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:10px;padding:11px 12px;font-size:15px}textarea{resize:vertical;min-height:76px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.hint{color:var(--dim);margin-top:5px;font-size:12px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}button.primary{background:var(--accent);min-height:48px;color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 22px;font-size:16px;font-weight:700}button.primary:disabled{opacity:.45;cursor:not-allowed}button.ghost{min-height:44px;color:var(--dim);border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:0 16px}.msg{font-size:14px}.msg.err{color:var(--danger)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:14px;display:grid}.shot{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.shot.dropped{opacity:.34}.shot img{background:#000;width:100%;height:auto;display:block}.shot .bar{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.shot .bar small{color:var(--dim);font-size:12px}.shot .bar div{gap:6px;display:flex}.icon{cursor:pointer;border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--dim);background:0 0;border-radius:10px;font-size:16px}.icon:hover{color:var(--ink);border-color:#3a4552}.icon.on{border-color:var(--accent);color:var(--accent)}.pending{aspect-ratio:4/5;color:var(--dim);place-items:center;font-size:13px;display:grid}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:14px;display:flex}.topbar .who{align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.topbar .who b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.topbar .quota{color:var(--dim);white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px}.topbar nav{gap:6px;display:flex}.navlink{border:1px solid var(--line);min-height:40px;color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;padding:0 13px;font-size:13px;text-decoration:none;display:inline-flex}.navlink:hover{color:var(--ink);border-color:#3a4552}.client{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:14px;display:grid}.client.off{opacity:.5}.client .chead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.client .cmail{word-break:break-all;font-size:15px;font-weight:700}.client .cused{color:var(--dim);white-space:nowrap;font-size:12px}.qrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qrow input[type=number]{width:96px;min-height:40px}.rowbtns{flex-wrap:wrap;gap:6px;display:flex}.rowbtns .navlink.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.picker{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-auto-columns:132px;grid-auto-flow:column;gap:10px;padding:10px 2px 4px;display:grid;overflow-x:auto}.prod{scroll-snap-align:start;text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex}.prod:hover{border-color:var(--accent)}.prod img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;width:100%}.prod .pname{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.prod .pprice{color:var(--accent);font-size:12px;font-weight:700}.prod .pprice em{color:var(--dim);font-style:normal;font-weight:400}.copybar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.copybar small{color:var(--dim);font-size:12px}.ideas{gap:10px;margin-bottom:14px;display:grid}.idea{text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.idea:hover{border-color:var(--accent)}.idea small{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px}.idea b{font-size:17px;line-height:1.25}.idea span{color:var(--dim);font-size:13px;line-height:1.4}.idea em{color:var(--dim);font-size:12px;font-style:normal}
