:root{--bg: #eef0f3;--panel: #ffffff;--panel-2: #f6f7f9;--line: #d9dde3;--line-strong: #b9c0ca;--fg: #161b24;--muted: #5d6675;--accent: #c2185b;--accent-ink: #ffffff;--accent-soft: #fbe6ef;--stage: #dfe3e8;--warn: #9a5b00;--warn-bg: #fff3dc;--ok: #1e7a4c;--danger: #b3261e;--font-ui: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--font-data: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r: 8px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #12151b;--panel: #1a1e26;--panel-2: #20252f;--line: #2c323d;--line-strong: #414957;--fg: #e8ebf0;--muted: #98a1b0;--accent: #f0629a;--accent-ink: #1a0a11;--accent-soft: #3a1a28;--stage: #0d1015;--warn: #f2b65a;--warn-bg: #33270f;--ok: #5fd39b;--danger: #ff8a80;color-scheme:dark}}:root[data-theme=dark]{--bg: #12151b;--panel: #1a1e26;--panel-2: #20252f;--line: #2c323d;--line-strong: #414957;--fg: #e8ebf0;--muted: #98a1b0;--accent: #f0629a;--accent-ink: #1a0a11;--accent-soft: #3a1a28;--stage: #0d1015;--warn: #f2b65a;--warn-bg: #33270f;--ok: #5fd39b;--danger: #ff8a80;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{min-height:100vh;display:flex;flex-direction:column}.app.editing{height:100vh;height:100dvh;min-height:0;overflow:hidden}.app.editing .workspace,.app.editing .main{overflow:hidden}.app.editing .stage{overflow:auto;min-height:0}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--panel);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;font-size:16px}.logo-mark{width:22px;height:22px;position:relative}.logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--accent)}.logo-mark:before{left:10px;top:0;width:2px;height:22px}.logo-mark:after{top:10px;left:0;height:2px;width:22px}.logo-mark span{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px solid var(--fg);border-radius:50%}.brand-switch{display:flex;align-items:center;gap:8px}.brand-switch select{min-width:180px}.brand-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--line-strong);flex:none}.brand-fixed{display:flex;align-items:center;gap:8px;font-weight:600}.tabs{display:flex;gap:2px;background:var(--panel-2);padding:3px;border-radius:var(--r);border:1px solid var(--line)}.tabs button{border:0;background:transparent;padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--muted);font-weight:500}.tabs button[aria-pressed=true]{background:var(--panel);color:var(--fg);box-shadow:0 1px 2px #00000014}.spacer{flex:1}.who{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.role-chip{font-family:var(--font-data);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:99px;border:1px solid var(--line-strong)}.role-chip.admin{background:var(--accent-soft);color:var(--accent);border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;font-weight:500;white-space:nowrap}.btn:hover{border-color:var(--fg)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border-color:transparent;background:transparent}.btn.small{padding:5px 9px;font-size:13px}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--line-strong);background:var(--panel)}textarea{resize:vertical;min-height:64px}label.field{display:grid;gap:5px}.field>span,.label{font-size:12px;font-weight:600;color:var(--muted)}.count{font-family:var(--font-data);font-size:11px;color:var(--muted);font-weight:400}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:14px}.hint{color:var(--muted);font-size:12.5px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{padding:6px 10px;border-radius:6px;border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;font-size:13px}.seg button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:6px;border:1px solid var(--line-strong);cursor:pointer;position:relative}.swatch[aria-pressed=true]:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--accent);border-radius:9px}.workspace{flex:1;display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:0;min-height:0}.side{background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding-block:18px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:18px}.side section{display:grid;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.side section:last-child{border-bottom:0}.side h3{margin:0;font-size:11px;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:500}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.tpl{border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-2);cursor:pointer;padding:6px;display:grid;gap:6px;text-align:left;font-size:12px}.tpl canvas{width:100%;aspect-ratio:4/5;display:block;border-radius:3px;background:var(--stage)}.tpl[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.focal{position:relative;border-radius:6px;overflow:hidden;cursor:crosshair;background:var(--stage);max-width:100%}.focal img{display:block;width:100%;max-height:220px;object-fit:contain}.focal .dot{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #00000073;pointer-events:none}.drop{border:1.5px dashed var(--line-strong);border-radius:var(--r);padding:18px;text-align:center;color:var(--muted);cursor:pointer;background:var(--panel-2)}.drop.over{border-color:var(--accent);color:var(--accent)}.main{display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:12px;padding-left:20px;padding-right:max(16px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);background:var(--panel)}.fmt-tabs{display:flex;gap:4px;flex-wrap:wrap}.fmt-tabs button{border:1px solid transparent;background:transparent;padding:6px 10px;border-radius:6px;cursor:pointer;display:grid;text-align:left;line-height:1.2;color:var(--muted)}.fmt-tabs button b{font-weight:600;font-size:13px;color:var(--fg)}.fmt-tabs button small{font-family:var(--font-data);font-size:10.5px}.fmt-tabs button[aria-pressed=true]{border-color:var(--line-strong);background:var(--panel-2)}.stage{flex:1;display:grid;place-items:center;padding:36px 20px;background:var(--stage);background-image:radial-gradient(color-mix(in srgb,var(--line-strong) 55%,transparent) 1px,transparent 1px);background-size:18px 18px;min-height:420px}.sheet{position:relative;display:grid;gap:10px;justify-items:center;max-width:100%}.crop{position:relative;padding:14px}.crop i{position:absolute;width:14px;height:14px;border-color:var(--muted);border-style:solid}.crop i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.crop i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.crop i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.crop i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.preview{display:block;max-width:100%;height:auto;box-shadow:0 14px 40px #0a0f1940;background:#000}.dims{font-family:var(--font-data);font-size:11.5px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.warnings{display:grid;gap:6px;width:100%;max-width:560px}.warning{background:var(--warn-bg);color:var(--warn);border-radius:6px;padding:7px 10px;font-size:13px}.allgood{color:var(--ok);font-size:12.5px}.slides{display:flex;gap:10px;align-items:center;overflow-x:auto;padding-block:12px;padding-left:20px;padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--panel);border-top:1px solid var(--line)}.slide-chip{flex:none;position:relative;width:64px;border:1px solid var(--line-strong);border-radius:5px;padding:0;background:var(--panel-2);cursor:pointer;overflow:hidden}.slide-chip canvas{display:block;width:100%;aspect-ratio:4/5}.slide-chip span{position:absolute;left:4px;top:4px;font-family:var(--font-data);font-size:10px;background:#0009;color:#fff;border-radius:3px;padding:0 4px}.slide-chip[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.exportbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.checks{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.checks label{display:flex;gap:5px;align-items:center;cursor:pointer}.progress{height:3px;background:var(--accent);transition:width .2s}.page{width:100%;max-width:1180px;margin:0 auto;padding-block:28px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.page h1{font-size:22px;letter-spacing:-.02em;margin:0 0 4px;text-wrap:balance}.page-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--stage)}.card-body{padding:10px 12px 12px;display:grid;gap:4px;flex:1}.card-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{font-size:12px;color:var(--muted);font-family:var(--font-data)}.card-actions{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 12px}.mine{color:var(--accent)}.empty{padding:48px 20px;text-align:center;color:var(--muted);border:1.5px dashed var(--line-strong);border-radius:var(--r)}.split2{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.brand-list{display:grid;gap:4px}.brand-list button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left}.brand-list button[aria-pressed=true]{background:var(--panel);border-color:var(--line);font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:20px;min-width:0}.panel h2{font-size:15px;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid5{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.color-field{display:grid;gap:6px}.color-row{display:flex;gap:6px;align-items:center}.color-row input[type=color]{width:38px;height:34px;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:none;cursor:pointer;flex:none}.color-row input[type=text]{font-family:var(--font-data);font-size:12.5px}.logo-slot{display:grid;gap:8px}.logo-box{height:90px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--line-strong);padding:10px}.logo-box img{max-height:70px;max-width:100%}.brand-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.brand-preview canvas{width:100%;display:block;border-radius:4px}table.users{width:100%;border-collapse:collapse}table.users th,table.users td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.users th{font-size:12px;color:var(--muted);font-weight:600}.table-wrap{overflow-x:auto}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:var(--r);z-index:50;font-weight:500;max-width:calc(100% - 32px)}.toast.error{background:var(--danger);color:#fff}.login{min-height:100vh;display:grid;place-items:center;padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.login-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;display:grid;gap:18px}.login-card h1{margin:0;font-size:22px;letter-spacing:-.02em}.profile-pick{display:grid;gap:10px}.profile-pick button{display:grid;gap:2px;text-align:left;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--panel-2);cursor:pointer}.profile-pick button:hover{border-color:var(--accent)}.demo-flag{font-family:var(--font-data);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}@media (max-width: 860px){.app.editing{height:auto;overflow:visible}.app.editing .workspace,.app.editing .main,.app.editing .stage{overflow:visible}.workspace{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);padding-right:max(16px,env(safe-area-inset-right,0px))}.split2,.grid2{grid-template-columns:1fr}.stage{padding:20px 12px;min-height:0}.toolbar,.slides{padding-left:max(16px,env(safe-area-inset-left,0px))}}.anchor-grid{display:grid;grid-template-columns:repeat(3,26px);gap:4px;padding:6px;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel-2);flex:none}.anchor-grid button{width:26px;height:22px;border-radius:3px;border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;padding:0}.anchor-grid button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ai-box{display:grid;gap:10px;padding:12px;border-radius:var(--r);background:var(--panel-2);border:1px solid var(--line)}.btn.ai{justify-content:flex-start;border-color:var(--accent);color:var(--accent);background:var(--panel)}.btn.ai:hover{background:var(--accent-soft)}.spark{width:13px;height:13px;flex:none;background:currentColor;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.ai-options{display:grid;gap:6px}.ai-option{display:grid;gap:3px;text-align:left;padding:9px 10px;border-radius:6px;border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;font-size:13px}.ai-option:hover{border-color:var(--accent)}.ai-option b{font-size:14px;line-height:1.25}.ai-angle{font-family:var(--font-data);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ai-badge,.ai-cta{justify-self:start;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--accent-soft);color:var(--accent)}.warn-text{color:var(--warn)}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;width:100%;max-width:1180px;align-items:start}.board-cell{display:grid;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:10px;min-width:0}.board-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.board-cell .preview{box-shadow:none}.warnings.compact .warning{font-size:12px;padding:5px 8px}.exportrow{border-top:1px solid var(--line);border-bottom:0!important}.media-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.media-mini button{padding:0;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;cursor:pointer;background:var(--stage);aspect-ratio:1}.media-mini button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.media-mini img{width:100%;height:100%;object-fit:cover;display:block}.dropzone{border-radius:var(--r)}.dropzone.over{outline:2px dashed var(--accent);outline-offset:6px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.media-card{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.media-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--stage)}.media-card figcaption{display:grid;gap:2px;padding:8px 12px}.scope{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scope .seg button{padding:5px 9px}.adjusted{font-family:var(--font-data);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:99px}.error-box{white-space:pre-wrap;word-break:break-word;font-family:var(--font-data);font-size:12.5px;background:var(--warn-bg);color:var(--warn);padding:10px 12px;border-radius:6px;margin:0}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;align-items:start}.motif-box{width:96px;height:96px;border-radius:6px;display:grid;place-items:center;padding:10px;border:1px solid var(--line-strong);flex:none}.motif-box img{max-width:100%;max-height:100%}.swatch-orig{background:repeating-conic-gradient(var(--line-strong) 0 25%,var(--panel) 0 50%) 50% / 10px 10px}.analysis{display:grid;gap:16px;padding:16px;border-radius:var(--r);border:1px solid var(--accent);background:var(--accent-soft)}.analysis-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}.chip-color{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-data);font-size:12px;padding:3px 8px 3px 4px;background:var(--panel);border-radius:99px;border:1px solid var(--line)}.chip-color i{width:16px;height:16px;border-radius:50%;border:1px solid var(--line-strong)}.logo-candidates{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.logo-cand{display:grid;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:8px}.logo-cand-img{height:64px;display:grid;place-items:center;background:repeating-conic-gradient(var(--line) 0 25%,var(--panel) 0 50%) 50% / 12px 12px;border-radius:4px;padding:6px}.logo-cand-img img{max-height:52px;max-width:100%}.voice-list{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0}.voice-list dt{font-weight:600;color:var(--muted);font-size:12.5px}.voice-list dd{margin:0}.placements{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.net{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.net-name{font-size:12px;font-weight:600;color:var(--muted);margin-right:2px}.pl{display:inline-flex;align-items:baseline;gap:5px;padding:4px 9px;border-radius:99px;border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;font-size:12.5px;color:var(--muted)}.pl small{font-family:var(--font-data);font-size:10.5px;opacity:.8}.pl[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}