:root{--bg:#f4f8f6;--surface:#fff;--sunk:#eef5f1;--ink:#1e2a38;--muted:#5e6b76;--line:#e1eae5;--accent:#31d190;--accent-ink:#0b7a4b;--accent-soft:#e5f8ee;--accent-line:#bdebd3;--on-accent:#10241a;--stage:#e9f6ef;--dotgrid:#cfe9db;--toast:#1e2a38;--on-toast:#fff;--warn:#a65a0c;--warn-soft:#fdf1e3;--bad:#c2413a;--ok:#0b7a4b;--ui:"Plus Jakarta Sans","Noto Sans Myanmar",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--shadow-sm:0 1px 2px #10241a0d;--shadow:0 1px 2px #10241a0a,0 8px 24px #10241a0f;--shadow-lg:0 2px 6px #10241a0f,0 24px 60px #10241a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--ui);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono);letter-spacing:.02em;font-size:12px}.lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.bar{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 20px;display:flex;position:sticky}.mark{white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.mark svg{flex:none}.mark small{color:var(--accent-ink);letter-spacing:.14em;text-transform:uppercase;background:var(--accent-soft);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.picker{position:relative}.client{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;min-width:220px;max-width:340px;padding:5px 12px 5px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.client:hover,.client[aria-expanded=true]{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.client .dot{flex:none;width:32px;height:32px;display:grid}.client .dot .av{background:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #10241a1a}.client .dot .av img{object-fit:contain;max-width:84%;max-height:70%}.cmeta{flex:1;min-width:0;line-height:1.15;display:grid}.cmeta small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.cmeta b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.chev{color:var(--muted);flex:none;transition:transform .15s}.client[aria-expanded=true] .chev{transform:rotate(180deg)}.pop{background:var(--surface);border:1px solid var(--line);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);z-index:40;border-radius:16px;animation:.14s ease-out popin;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}@keyframes popin{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pop-search{padding:10px 10px 6px}.pop-search input{background:var(--sunk);border-color:#0000}.pop-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;padding:6px 14px 4px;font-size:10.5px;font-weight:700;display:flex}.pop-list{max-height:320px;margin:0;padding:4px 6px 6px;list-style:none;overflow:auto}.opt{text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:8px;display:grid}.opt:hover,.opt:focus-visible{background:var(--sunk);outline:none}.opt[aria-selected=true]{background:var(--accent-soft)}.opt .av{background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #10241a1a}.opt .av img{object-fit:contain;max-width:84%;max-height:70%}.opt .sw3{gap:3px;margin-top:3px;display:flex}.opt .sw3 i{border-radius:4px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #10241a1f}.opt b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;display:block;overflow:hidden}.opt span.sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.opt .tick{color:var(--accent-ink);font-weight:800}.pop-empty{text-align:center;color:var(--muted);padding:16px;font-size:12.5px}.pop-foot{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.pop-foot .btn{flex:1}.tabs{background:var(--sunk);border:1px solid var(--line);border-radius:12px;gap:2px;margin-left:auto;padding:3px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.tabs button:hover{color:var(--ink)}.tabs button[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm),inset 0 -2px 0 var(--accent)}.chip{color:var(--muted);background:var(--sunk);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip i{background:var(--muted);border-radius:50%;width:7px;height:7px}.chip.ok{color:var(--accent-ink);background:var(--accent-soft)}.chip.ok i{background:var(--accent)}main{padding-block:18px;padding-inline:20px}.btn{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--accent-line);background:var(--sunk)}.btn:active{transform:translateY(1px)}.btn.primary,.btn.go{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover,.btn.go:hover{background:color-mix(in srgb,var(--accent) 88%,#000);border-color:#0000}.btn.soft{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--sunk)}.btn.sm{border-radius:8px;padding:5px 10px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.danger{color:var(--bad)}input[type=text],input[type=number],input[type=url],select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;min-width:0;padding:9px 11px;transition:border-color .15s,box-shadow .15s}input[type=text]:hover,textarea:hover,select:hover{border-color:var(--accent-line)}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:68px;line-height:1.6}input:disabled,textarea:disabled,select:disabled{opacity:.6}.seg{background:var(--surface);border:1px solid var(--line);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.seg button:hover{color:var(--ink);background:var(--sunk)}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.seg button:disabled{opacity:.35;cursor:not-allowed;background:0 0}.seg.icons button{padding:4px 10px;font-size:16px}.range-row{align-items:center;gap:10px;display:flex}.range-row input{accent-color:var(--accent);flex:1}.mdot{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #10241a2e}.design{grid-template-columns:280px minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);border-radius:16px;padding:16px}.left,.right{top:calc(env(safe-area-inset-top,0px) + 74px);scrollbar-width:thin;flex-direction:column;gap:14px;max-height:calc(100vh - 94px);display:flex;position:sticky;overflow:auto}.post-head{gap:8px;display:grid}.post-head input{font-size:15px;font-weight:800}.pages{counter-reset:pg;gap:6px;margin:0;padding:0;list-style:none;display:grid}.pg{cursor:pointer;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px;transition:background .15s;display:grid}.pg:hover{background:var(--sunk)}.pg[aria-current=true]{border-color:var(--accent-line);background:var(--accent-soft)}.pg canvas{width:54px;box-shadow:0 0 0 1px var(--line),var(--shadow-sm);border-radius:6px;display:block}.pg .meta{min-width:0}.pg .meta b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.pg .meta span{color:var(--muted);font-size:11.5px}.pg .ops{opacity:0;grid-template-columns:1fr 1fr;gap:2px;transition:opacity .15s;display:grid}.pg:hover .ops,.pg[aria-current=true] .ops,.pg:focus-within .ops{opacity:1}.ops button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:5px 6px;font-size:12px;line-height:1}.ops button:hover{background:var(--surface);color:var(--ink)}.tpls{gap:14px;display:grid}.tgroup{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tg{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.tpl{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;gap:5px;padding:5px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.tpl:hover{border-color:var(--accent-line);box-shadow:var(--shadow);transform:translateY(-1px)}.tpl canvas{border-radius:8px;width:100%;display:block}.tpl b{padding:0 3px 3px;font-size:11.5px;line-height:1.25}.cnt{color:var(--accent-ink);background:var(--accent-soft);letter-spacing:0;text-transform:none;border-radius:999px;margin-left:4px;padding:1px 7px;font-weight:700}.tpl.off{opacity:.7;border-style:dashed}.off-tag{color:var(--warn);padding:0 3px 3px;font-size:10.5px;font-weight:700}.tset-count{color:var(--accent-ink);background:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}.tset-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tset-group{gap:10px;padding-top:6px;display:grid}.tset-group+.tset-group{border-top:1px solid var(--line);margin-top:6px;padding-top:16px}.tset-gh{align-items:center;gap:10px;display:flex}.tset-gh b{font-size:13.5px}.tset-gh .btn{margin-left:auto}.tset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tcard{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;align-content:start;gap:6px;padding:7px 7px 10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.tcard:hover{border-color:var(--accent-line);box-shadow:var(--shadow);transform:translateY(-1px)}.tcard canvas{filter:grayscale(.85);opacity:.55;border-radius:9px;width:100%;transition:filter .2s,opacity .2s;display:block}.tcard.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tcard.on canvas{filter:none;opacity:1}.tcard b{padding:0 3px;font-size:12.5px}.tcard .note{padding:0 3px;font-size:11px;line-height:1.35}.tcard input{opacity:0;pointer-events:none;position:absolute}.tcard .tbox{background:var(--surface);border:1.5px solid var(--line);color:#0000;width:24px;height:24px;box-shadow:var(--shadow-sm);z-index:1;border-radius:7px;place-items:center;transition:background .15s,border-color .15s;display:grid;position:absolute;top:12px;right:12px}.tcard.on .tbox{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tcard input:focus-visible+.tbox{outline:2px solid var(--accent);outline-offset:2px}.tpl[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.stage{flex-direction:column;gap:12px;min-width:0;display:flex}.stage-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-bar .sp{flex:1}.canvas-wrap{background:var(--stage);border:1px solid var(--line);background-image:radial-gradient(var(--dotgrid) 1.2px,transparent 1.2px);background-size:18px 18px;border-radius:20px;place-items:center;min-height:300px;padding:28px;display:grid}#cv{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 260px);box-shadow:var(--shadow-lg);border-radius:6px;display:block}.stage-foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.kbd{font-family:var(--mono);border:1px solid var(--line);background:var(--surface);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px}.fields{gap:14px;display:grid}.field{gap:6px;display:grid}.field label{font-size:12.5px;font-weight:700}.field .help{color:var(--muted);font-size:11.5px}.items{gap:8px;display:grid}.item{background:var(--sunk);border-radius:12px;gap:6px;padding:10px;display:grid;position:relative}.item .x{position:absolute;top:4px;right:4px}.item input{padding-right:34px}.imgpick{flex-wrap:wrap;gap:6px;display:flex}.imgpick button{background:var(--sunk);border:2px solid #0000;border-radius:10px;width:58px;height:58px;padding:0;overflow:hidden}.imgpick button[aria-pressed=true]{border-color:var(--accent)}.imgpick img{object-fit:cover;width:100%;height:100%;display:block}.checks{gap:7px;margin:0;padding:0;list-style:none;display:grid}.checks li{background:var(--sunk);border-radius:10px;grid-template-columns:20px 1fr;gap:8px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:grid}.checks li.w{background:var(--warn-soft);color:var(--warn)}.checks li.g{background:var(--accent-soft);color:var(--accent-ink)}.checks li span:first-child{text-align:center;font-weight:800}.rules{gap:10px;font-size:12.5px;display:grid}.rules ul{gap:4px;display:grid}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 3px;font-size:11.5px;display:flex}.sw i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #10241a1f}.ratio-bar{border-radius:999px;height:10px;box-shadow:inset 0 0 0 1px #10241a1f}h2{text-wrap:balance;letter-spacing:-.01em;margin:0;font-size:22px}h3{margin:0}.section-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.posts-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;padding:0;transition:box-shadow .15s,transform .15s;display:grid;overflow:hidden}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card .th{background:var(--stage);aspect-ratio:1;place-items:center;width:100%;display:grid;overflow:hidden}.card .th img{object-fit:contain;width:100%;height:100%;display:block}.card .bd{gap:6px;padding:12px 14px;display:grid}.card .bd b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.card .row{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.pill{background:var(--sunk);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.pill.review{background:var(--warn-soft);color:var(--warn)}.pill.approved{background:var(--accent-soft);color:var(--accent-ink)}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--accent-line);border-radius:18px;justify-items:center;gap:10px;padding:48px 20px;display:grid}.empty b{color:var(--ink);font-size:16px}.brand{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;max-width:1200px;margin:0 auto;display:grid}.bk{gap:16px;display:grid}.bk .panel{gap:14px;display:grid}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.three{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.colors{gap:6px;display:grid}.crow{border-radius:12px;grid-template-columns:46px 1fr 112px;align-items:center;gap:12px;padding:6px;display:grid}.crow:hover{background:var(--sunk)}.crow input[type=color]{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:46px;height:40px;padding:3px}.crow b{font-size:13px;display:block}.crow span{color:var(--muted);font-size:11.5px}.contrast{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.ctr{border-radius:12px;gap:2px;padding:10px 12px;font-size:12px;display:grid}.ctr b{font-size:17px}.ctr em{font-size:11px;font-style:normal;font-weight:700}.donut{border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid}.donut span{background:var(--surface);border-radius:50%;width:46px;height:46px}.modes{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.mode-opt{border:1px solid var(--line);cursor:pointer;border-radius:12px;justify-items:start;gap:6px;padding:8px;display:grid;position:relative}.mode-opt:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mode-opt input{accent-color:var(--accent);position:absolute;top:10px;right:10px}.mswatch{border-radius:8px;justify-content:space-between;align-items:flex-end;width:100%;height:56px;padding:6px 8px;font-size:18px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1px #10241a1a}.mswatch i{border-radius:50%;width:12px;height:12px}.mode-opt b{font-size:12.5px}.logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.logo-slot{border:1px dashed var(--line);border-radius:14px;justify-items:start;gap:8px;padding:12px;display:grid}.logo-slot .pv{border-radius:10px;place-items:center;width:100%;height:92px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #10241a14}.logo-slot .pv img{max-width:80%;max-height:60px}.lib{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.lib figure{aspect-ratio:1;background:var(--sunk);border-radius:10px;margin:0;position:relative;overflow:hidden}.lib img{object-fit:cover;width:100%;height:100%;display:block}.lib figure button{color:#fff;background:#0009;border:0;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;top:4px;right:4px}.specimen{border-radius:14px;gap:6px;padding:20px;display:grid}.save-bar{background:var(--surface);border:1px solid var(--accent-line);box-shadow:var(--shadow-lg);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 10px 16px;font-weight:600;display:flex;position:sticky;bottom:12px}.note{color:var(--muted);font-size:12.5px}.ratio{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0e181373;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:20px;gap:14px;padding:22px;display:grid;overflow:auto}.sheet .row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.out-imgs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.out-imgs figure{gap:6px;margin:0;display:grid}.out-imgs img{width:100%;box-shadow:0 0 0 1px var(--line);border-radius:8px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--toast);color:var(--on-toast);z-index:60;box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:10px 16px;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.toast:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.spin{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}*{transition:none!important}}@media (max-width:1180px){.design{grid-template-columns:250px minmax(0,1fr)}.right{grid-column:1/-1;grid-template-columns:1fr 1fr;max-height:none;display:grid;position:static}}.crop{background:var(--sunk);border-radius:12px;gap:8px;margin-top:4px;padding:10px;display:grid}.crop-head{justify-content:space-between;align-items:center;display:flex}.crop-head b{font-size:12.5px}.crop-pad{cursor:crosshair;touch-action:none;max-width:100%;box-shadow:0 0 0 1px var(--line);border-radius:8px;justify-self:center;position:relative;overflow:hidden}.crop-pad img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:100%;height:auto;max-height:200px;display:block}.crop-dot{pointer-events:none;background:#31d190d9;border:3px solid #fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;box-shadow:0 0 0 2px #10241a59,0 4px 12px #0000004d}.cal-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.cal-nav{align-items:center;gap:8px;display:flex}.cal-nav b{text-align:center;min-width:150px;font-size:15px}.cal-note{margin:0 0 10px}.leg{align-items:center;gap:4px;margin-right:6px;display:inline-flex}.leg i,.cchip i,.cdots i{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.leg.review i,.cchip.review i,.cdots i.review{background:var(--warn)}.leg.approved i,.cchip.approved i,.cdots i.approved{background:var(--accent)}.cal-wrap{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.cal{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.cal-head{border-bottom:1px solid var(--line);background:var(--sunk);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-head span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px;font-size:11px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cday{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;flex-direction:column;gap:4px;min-width:0;min-height:118px;padding:6px;transition:background .12s;display:flex}.cday:nth-child(7n){border-right:0}.cday:hover{background:var(--sunk)}.cday.out{background:color-mix(in srgb,var(--sunk) 55%,transparent)}.cday.out .cnum{opacity:.45}.cday.sel{box-shadow:inset 0 0 0 2px var(--accent)}.cday.drop{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.cnum{border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.cday.today .cnum{background:var(--accent);color:var(--on-accent)}.cchip{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:grab;border-radius:7px;align-items:center;gap:5px;width:100%;min-width:0;padding:3px 6px;font-size:11.5px;font-weight:600;display:flex}.cchip:hover{border-color:var(--accent-line)}.cchip.dragging{opacity:.45}.cchip .ct{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cchip .cch{font-family:var(--mono);color:var(--muted);font-size:10px}.cmore{color:var(--muted);padding-left:4px;font-size:11px}.cdots{display:none}.cal-side{gap:12px;display:grid;position:sticky;top:84px}.day-list{gap:8px;margin-top:10px;display:grid}.dpost{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:6px;display:grid}.dpost:hover{border-color:var(--accent-line)}.dpost img,.dpost .nothumb{object-fit:cover;background:var(--sunk);border-radius:8px;width:52px;height:52px;display:block}.dpost b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.dpost .note{flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.unsched{border-radius:10px;gap:6px;min-height:40px;margin-top:10px;padding:2px;display:grid}.unsched.drop{background:var(--accent-soft)}input[type=date]{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;min-width:0;padding:8px 10px}@media (max-width:980px){.cal-wrap{grid-template-columns:minmax(0,1fr)}.cal-side{position:static}}.mtabs,.ti{display:none}@media (max-width:820px){main{padding-inline:12px;padding-block:12px calc(92px + env(safe-area-inset-bottom,0px))}.bar{-webkit-backdrop-filter:none;background:var(--surface);flex-wrap:nowrap;gap:10px;padding:8px 12px}.mark span,.mark small{display:none}.picker{flex:1;min-width:0}.client{width:100%;min-width:0;max-width:none}.chip{flex:none;padding:6px}.chip span{display:none}.chip i{width:9px;height:9px}.pop{left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 62px);width:auto;max-width:none;position:fixed}.pop-list{max-height:52vh}.tabs{z-index:30;border:0;border-top:1px solid var(--line);background:var(--surface);padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));border-radius:0;justify-content:space-around;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #10241a0f}.tabs button{border-radius:12px;flex:1;justify-items:center;gap:2px;padding:6px 4px;font-size:11.5px;display:grid}.tabs button[aria-current=page]{box-shadow:none;background:var(--accent-soft);color:var(--accent-ink)}.ti{width:22px;height:22px;display:block}.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.save-bar{bottom:calc(78px + env(safe-area-inset-bottom,0px))}.design{flex-direction:column;gap:12px;display:flex}.left,.right{display:contents}.stage{order:1}.mtabs{top:calc(env(safe-area-inset-top,0px) + 56px);z-index:15;background:var(--bg);order:2;align-self:stretch;margin-inline:-12px;padding-block:6px;padding-inline:12px;display:flex;position:sticky}.mtabs .seg{flex:1;grid-template-columns:repeat(4,1fr);width:100%;display:grid}.mtabs .seg button{justify-content:center;padding:9px 4px;font-size:12.5px}.design .panel{order:3;align-self:stretch;width:100%}.stage{align-self:stretch;width:100%}.m-hide{display:none!important}.stage-bar{gap:6px}.stage-bar .sp{display:none}.stage-bar .seg{max-width:100%;overflow-x:auto}#dlPng,#aiBtn{flex:1}.stage-foot{display:none}.canvas-wrap{border-radius:16px;min-height:0;padding:10px}#cv{max-height:54vh}.pg .ops{opacity:1}.tgroup{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.seg button{padding:8px 11px}input[type=text],input[type=number],select,textarea{font-size:16px}.two,.three,.logos,.brand{grid-template-columns:minmax(0,1fr)}.brand>aside{position:static!important}.crow{grid-template-columns:44px 1fr 96px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.posts-top{align-items:stretch}.posts-top>div{width:100%}#postSearch{max-width:none!important}.sheet{border-radius:18px;max-height:85vh;padding:18px}.cday{align-items:center;min-height:54px;padding:4px}.cday .cchip,.cday .cmore{display:none}.cdots{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.cal-head span{text-align:center;letter-spacing:.02em;padding:6px 2px;font-size:10px}.cal-nav{justify-content:space-between;width:100%}.cal-nav b{min-width:0}.tabs button{padding:6px 2px;font-size:10.5px}}
.gate{background:var(--bg);background-image:radial-gradient(var(--dotgrid) 1.2px,transparent 1.2px);background-size:18px 18px;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.gate-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:20px;gap:14px;padding:28px;display:grid}.gate-card h1{letter-spacing:-.01em;margin:0;font-size:22px}.gate-brand{align-items:center;gap:10px;display:flex}.gate-brand img{width:auto;height:34px}.gate-brand span{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.gate-form{gap:10px;display:grid}.gate-form label{font-size:12.5px;font-weight:700}.gate-form input{font-size:16px}.gate-form .btn{width:100%;padding:11px 14px}.gate-error{color:var(--bad);margin:0;font-size:13px}.acct{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:45;position:fixed;right:12px}.acct-btn{border:1px solid var(--accent-line);background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);border-radius:50%;font-weight:800}.acct-pop{background:var(--surface);border:1px solid var(--line);width:240px;box-shadow:var(--shadow-lg);word-break:break-all;border-radius:14px;gap:6px;padding:12px;display:grid;position:absolute;top:42px;right:0}@media (min-width:821px){.bar{padding-right:60px}}@media (max-width:820px){.acct{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 84px)}.acct-pop{top:auto;bottom:42px}}