:root{--chevron-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23a3a19b' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5l3 3 3-3'/></svg>");--tick-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5.2l2.2 2.2L8 3.2'/></svg>");--bg: #f6f5f1;--surface: #ffffff;--ink: #16161a;--muted: #6b6a66;--grid: #edece6;--mat-major: rgba(0, 0, 0, .032);--mat-tick: rgba(0, 0, 0, .05);--mat-label: #a9a69f;--mat-glow: #fbeedb;--mat-blend: multiply;--line: #e7e5de;--line-strong: #d3d1c9;--box-line: #cdcbc4;--focus-line: #c2bfb6;--accent: #ff5a1f;--accent-soft: rgba(255, 90, 31, .12);--text: #3b82f6;--cta: #ff5a1f;--html: #8b5cf6;--hatch: rgba(22, 22, 26, .07);--hover: rgba(22, 22, 26, .04);--chip: #f1f0eb;--chip-strong: #e3e1da;--image: #0f8f7e;--image-soft: rgba(15, 143, 126, .12);--chevron: #a3a19b;--danger: #d92d20;--danger-soft: rgba(217, 45, 32, .1);--pill-on: #116b33;--pill-text: #1d4ed8;--pill-cta: #b83a0a;--pill-html: #6d28d9;--pill-image: #0b7466;--danger-ink: #b42318;--accent-ink: #c7420f;--text-ink: #1d4ed8;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: Inter, "Inter Tight", system-ui, -apple-system, sans-serif;--radius: 6px;--ease: .15s ease-out;--side: 352px;--knob: #ffffff;--rail: 52px}:root[data-theme=dark],:root.figma-dark:not([data-theme=light]){--chevron-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%236f6e69' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5l3 3 3-3'/></svg>");--tick-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%231c1c1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5.2l2.2 2.2L8 3.2'/></svg>");--bg: #141416;--surface: #1c1c1f;--ink: #f2f1ec;--muted: #9a9892;--grid: #1f1f23;--mat-major: rgba(255, 255, 255, .026);--mat-tick: rgba(255, 255, 255, .045);--mat-label: #5f5d59;--mat-glow: rgba(255, 110, 50, .07);--mat-blend: screen;--line: #2c2c31;--line-strong: #3b3b42;--box-line: #4b4a51;--focus-line: #4a4a52;--accent-soft: rgba(255, 90, 31, .18);--hatch: rgba(242, 241, 236, .08);--hover: rgba(242, 241, 236, .05);--chip: #26262a;--chip-strong: #333338;--image: #3fc1ad;--image-soft: rgba(63, 193, 173, .16);--chevron: #6f6e69;--knob: #9a9892;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--pill-on: #4ade80;--pill-text: #93c5fd;--pill-cta: #ff9b70;--pill-html: #c4b5fd;--pill-image: #3fc1ad;--danger-ink: #f87171;--accent-ink: #ff5a1f;--text-ink: #1d4ed8}body.booting{visibility:hidden}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;font:12px/1.45 var(--sans);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit}code{font-family:var(--mono);font-size:11px}.top{flex:none;height:40px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:var(--surface);user-select:none}.top-side{flex:none;width:calc(var(--rail) + var(--side));display:flex;align-items:center;gap:8px;padding:0 12px 0 16px;border-right:1px solid var(--line)}.top-side .plan{margin-left:auto}.top-main{flex:1;min-width:0;display:flex;align-items:center;padding:0 16px}.frame-title{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.frame-title .frame-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.frame-title .pill{flex:none;margin-left:auto}.brand{display:inline-flex;align-items:center;gap:8px}.app-icon{display:inline-grid;width:18px;height:18px}.app-icon svg{display:block;width:18px;height:18px}.brand .wordmark{line-height:18px}.wordmark{font-weight:600;font-size:13px;letter-spacing:.01em}.plan{display:inline-flex;align-items:center;gap:8px}.plan .pill.status{margin-left:0}.top .btn.small{height:24px;line-height:24px;padding:0 10px}.btn.ink{background:var(--ink);color:var(--surface)}.rail{position:relative;flex:none;width:var(--rail);display:flex;flex-direction:column;align-items:stretch;padding:8px 6px;gap:6px;border-right:1px solid var(--line);background:var(--surface)}.rail-thumb{position:absolute;left:6px;right:6px;top:0;height:40px;border-radius:var(--radius);background:var(--hover);transform:translateY(8px);will-change:transform;pointer-events:none}.rail [role=tab]{position:relative;z-index:1;appearance:none;border:0;border-radius:var(--radius);background:transparent;transition:color var(--ease);color:var(--muted);font:inherit;display:grid;place-items:center;height:40px;padding:0;cursor:pointer}.rail [role=tab] span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rail svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision}.rail [data-tab=settings]{margin-top:auto}.rail [role=tab]:hover,.rail [role=tab][aria-selected=true]{color:var(--ink)}.rail [role=tab][aria-selected=true] svg{stroke-width:1.5}.body{flex:1;min-height:0;display:flex}.side{flex:none;width:var(--side);display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:auto;scrollbar-width:none;background:var(--surface);user-select:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border:3px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--line-strong)}::-webkit-scrollbar-corner{background:transparent}.side::-webkit-scrollbar{display:none}.side input,.side a{user-select:auto}.foot,.rail{user-select:none}.pane{display:flex;flex-direction:column;flex:1 0 auto}.pane-head{padding:20px 16px 12px}#pane-cuts .pane-head,#pane-slices .pane-head{position:sticky;top:0;z-index:3;background:var(--surface);border-bottom:1px solid var(--line)}#pane-cuts .pane-head+.rows,#pane-slices .pane-head+.rows{border-top:0}#cuts-foot:not([hidden]){display:flex;gap:8px}#pane-cuts .pane-foot{position:sticky;bottom:0;z-index:3;background:var(--surface)}.title-row{position:relative}.tip{position:absolute;left:0;top:calc(100% + 6px);z-index:20;max-width:260px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:11px;line-height:1.45;font-weight:400;text-transform:none;letter-spacing:0;white-space:normal;box-shadow:0 6px 20px #0000001f}.tip.hover-tip{position:fixed;left:0;top:0;max-width:240px;pointer-events:none;z-index:60}.pane-head .meta:empty{display:none}.pane-head+.group{padding-top:10px}.frame-meta{display:flex;align-items:center;gap:8px;min-width:0}.title{margin:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-row{display:flex;align-items:center;gap:6px;min-width:0}.history{margin-left:auto;display:inline-flex;gap:2px}.history .icon-btn:disabled{opacity:.35;cursor:default}.history .icon-btn:disabled:hover{background:transparent;color:var(--muted)}.history svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.title-row .label{margin:0}.group .title-row{margin-bottom:12px}.meta{margin:2px 0 0;color:var(--muted);font-size:11px}.meta.parts{display:flex}.pane-foot{margin-top:auto;padding:12px 16px 16px;border-top:1px solid var(--line)}.label{margin:0 0 8px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.group{padding:20px 16px 22px;border-bottom:1px solid var(--line)}.group .meta{margin-top:8px}.field{display:flex;gap:8px}.legal{--quiet: color-mix(in srgb, var(--muted) 70%, var(--surface));margin:auto 0 0;padding:20px 16px;display:grid;gap:10px;font-size:10px;line-height:1.5;color:var(--quiet)}.legal a{color:var(--quiet);text-decoration:none;transition:color var(--ease)}.legal a:hover{color:var(--ink)}.disclaimer{margin:0}.made{margin:0;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.made a{color:var(--muted)}.made .heart{width:9px;height:9px;fill:currentColor;color:var(--accent)}.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:22px 1fr auto;column-gap:8px;align-items:baseline;padding:9px 16px;border-bottom:1px solid var(--line);cursor:default;transition:background-color var(--ease)}.row:hover,.row.hot{background:var(--hover)}.row.selected{box-shadow:inset 2px 0 0 var(--accent)}.row .num{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .geo{white-space:nowrap}.row:has(>.ftr){grid-template-columns:22px 1fr auto auto}.row .mark-rail{display:inline-block;width:3px;height:9px;border-radius:1px;margin-right:6px;vertical-align:-1px}.row .mark-rail[data-mark=text]{background:var(--text)}.row .mark-rail[data-mark=cta]{background:var(--cta)}.row .mark-rail[data-mark=html]{background:var(--html)}.row>.type-icon{align-self:center;display:flex;width:16px;height:16px;color:var(--muted)}.row>.type-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.row>.type-icon[data-type=text]{color:var(--text)}.row>.type-icon[data-type=cta]{color:var(--cta)}.row>.type-icon[data-type=html]{color:var(--html)}.row.cd-row{cursor:pointer}.row.cd-row .name{color:var(--ink)}.row.cd-row>.type-icon[data-type=countdown]{color:var(--accent)}.row.cd-row.locked .name,.row.cd-row.locked .size{color:var(--muted)}.slice{grid-template-columns:16px 18px minmax(0,1fr) auto auto 44px;column-gap:6px;padding-right:12px;cursor:pointer}.slice>.pick{grid-column:1}.slice>.num{grid-column:2}.slice>.name{grid-column:3}.slice>.hint-col{grid-column:4}.slice>.size{grid-column:5}.slice>.badge{grid-column:6;justify-self:end}.slice .hint-col:empty{display:none}.slice .hint-col{display:inline-flex;gap:4px}.slice .badge .pill{display:block;text-align:center}.pick{display:grid;align-items:center;justify-items:center}.row>.pick{align-self:center}.pick input[type=checkbox]{appearance:none;width:14px;height:14px;margin:0;padding:0;border:1px solid var(--box-line);border-radius:4px;background:var(--surface);cursor:pointer;display:grid;place-items:center;transition:background-color var(--ease),border-color var(--ease)}.pick input[type=checkbox]:not(:checked):hover{border-color:var(--muted)}.pick input[type=checkbox]:checked{background:var(--ink);border-color:var(--ink)}.pick input[type=checkbox]:disabled{cursor:default;opacity:.45}.pick input[type=checkbox]:checked:disabled:hover{border-color:var(--ink)}.pick input[type=checkbox]:disabled:not(:checked),.pick input[type=checkbox]:disabled:not(:checked):hover{opacity:1;background:var(--surface);border-color:var(--box-line)}.pick input[type=checkbox]:checked{background-image:var(--tick-img);background-repeat:no-repeat;background-position:center;background-size:10px 10px}.slice.skipped .num,.slice.skipped .name,.slice.skipped .badge,.slice.skipped .size{opacity:.4}.slice .badge:empty{display:none}.slice .size{justify-self:end}.slice .size:not(:empty){display:inline-block;padding:1px 6px;border-radius:4px;background:var(--chip);color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.02em;line-height:1.5;white-space:nowrap}.slice .size.heavy{background:var(--accent-soft);color:var(--pill-cta)}.slice .size.failed{background:var(--danger-soft);color:var(--danger-ink);text-transform:none;letter-spacing:0}.slice.selected{background:var(--hover)}.slice.selected .size:not(:empty){background:var(--chip-strong)}.slice.selected .btn:not(.ink,.danger,.klaviyo,.line){background:var(--line-strong)}:root[data-theme=dark] .btn:not(.ink,.danger,.klaviyo,.line,.signin-google),:root.figma-dark:not([data-theme=light]) .btn:not(.ink,.danger,.klaviyo,.line,.signin-google){background:var(--line-strong)}.row-body{grid-column:1 / -1;display:grid;gap:6px;padding:8px 0 4px}.row-body .line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.row-body .prop{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;min-height:28px}.row-body .prop .field-name{white-space:nowrap;font-size:11px}.row-body .prop .seg{display:flex;width:100%}.row-body .prop .seg button{flex:1;padding:3px 0;text-align:center}.row-body .prop input{box-sizing:border-box;min-width:0;width:100%;height:28px;font-size:11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 8px}.row-body .prop input:hover{border-color:var(--line-strong)}.row-body .cols{display:grid;gap:6px}.row-body .pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}.row-body .pair:has(>.narrow:first-child){grid-template-columns:64px 1fr}.row-body .pair .select,.row-body .prop>.select{height:28px;font-size:11px;padding-right:24px;background-position:right 7px center}.row-note{font-size:11px;color:var(--muted)}.row-body .actions-line{justify-content:flex-end;gap:8px;margin-top:10px}.row-body .actions-line:has(>.row-note){flex-wrap:nowrap}.row-body .actions-line>.row-note{flex:1 1 0;min-width:0;margin-right:auto}.row-body .actions-line>.btn{flex:none}.btn.line{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink)}.btn.line:hover{filter:none;background:var(--hover)}.linkish{appearance:none;border:0;padding:0;background:none;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.linkish{text-decoration:none;text-underline-offset:2px}.linkish:hover,.linkish:focus-visible{color:var(--ink);text-decoration:underline}.row-body .note{margin:0}.row-body .btn.small{height:28px;line-height:28px}.formats-wrap{display:flex;align-items:center;gap:8px;min-width:0}.formats-wrap .seg{flex:1}.tool-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.suggest{display:inline-flex;align-items:center;gap:8px;padding:2px 4px 2px 8px;border:1px dashed var(--muted);border-radius:6px;color:var(--muted);font-size:11px}.accept{appearance:none;border:0;border-radius:4px;padding:2px 8px;font:inherit;font-size:11px;font-weight:550;color:var(--surface);background:var(--ink);cursor:pointer}.accept:hover{filter:brightness(.95)}.accept.quiet{color:var(--ink);background:var(--line-strong)}.suggest-actions{display:inline-flex;flex:none;gap:6px}.row-body .tool-note{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%}.row-body .suggest{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;min-height:28px;padding:0;border:0;border-radius:0;margin-top:4px}.row-body .accept{flex:none;height:28px;line-height:28px;padding:0 12px;border-radius:6px;white-space:nowrap}.row-body .suggest>span{min-width:0}.btn.small{height:26px;line-height:26px;padding:0 10px}.sec-ov[data-suggest]:after{content:"";position:absolute;inset:4px;border:1px dashed var(--accent);border-radius:2px;pointer-events:none}.sec-ov[data-suggest=text]:after{border-color:var(--text)}.sec-ov[data-suggest=cta]:after{border-color:var(--cta)}.sec-ov[data-suggest=spacer]:after,.sec-ov[data-suggest=join]:after{border-color:var(--muted)}.sec-ov[data-suggest=image]:after{border-color:var(--image)}.sec-ov[data-suggest=html]:after{border-color:var(--html)}.sec-ov[data-skip=true][data-suggest]:after{border:0}.icon-btn{grid-area:close}.icon-btn{appearance:none;width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;padding:0}.icon-btn:hover{background:var(--hover);color:var(--ink)}.seg{position:relative;display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.seg-thumb{position:absolute;top:2px;bottom:2px;left:0;width:0;border-radius:4px;background:var(--chip-strong);transform:translate(2px);will-change:transform;pointer-events:none}.seg button{position:relative;z-index:1;appearance:none;border:0;border-radius:4px;margin:0;padding:3px 9px;font:inherit;font-weight:500;color:var(--muted);background:transparent;cursor:pointer;transition:color .18s ease-out}.seg button:hover,.seg button[aria-pressed=true]{color:var(--ink)}.seg button:disabled{cursor:default;opacity:.55}.seg button[aria-disabled=true]{cursor:default;opacity:.45}.seg button[aria-disabled=true]:hover{color:inherit}.seg.marks button,.seg.formats button{text-transform:uppercase;font-family:var(--mono);font-size:11px;letter-spacing:.04em}.pill{display:inline-block;padding:1px 6px;border-radius:4px;border:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--muted);line-height:1.5;white-space:nowrap}.pill,.chip,.slice .size{text-transform:uppercase;letter-spacing:.04em;font-weight:500}.pill.status{margin-left:auto}.pill.status[data-state=on]{color:var(--pill-on);border-color:transparent;background:#22c55e24}.pill.status[data-state=rejected],.pill.status[data-state=unreachable]{color:var(--danger-ink);border-color:transparent;background:var(--danger-soft)}.pill[data-mark=text]{color:var(--pill-text);border-color:transparent;background:#3b82f61f}.pill[data-mark=cta]{color:var(--pill-cta);border-color:transparent;background:var(--accent-soft)}.pill[data-mark=html]{color:var(--pill-html);border-color:transparent;background:#8b5cf61f}.pill[data-mark=image]{color:var(--pill-image);border-color:transparent;background:var(--image-soft)}.pill.suggested{border-style:dashed;border-color:var(--muted);color:var(--muted)}.pill.suggested[data-hint=text]{border-color:var(--text);color:var(--pill-text)}.pill.suggested[data-hint=cta]{border-color:var(--cta);color:var(--pill-cta)}.pill.suggested[data-hint=image]{border-color:var(--image);color:var(--pill-image)}.pill.suggested[data-hint=html]{border-color:var(--html);color:var(--pill-html)}.parts{display:inline-flex;flex-wrap:wrap;gap:4px 6px}.meta.parts{margin-top:8px}.slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:6px 0}.slider:has(input:disabled){opacity:.55;cursor:default}.slider input:disabled{cursor:default}.slider-name{color:var(--muted);white-space:nowrap}.slider-out{min-width:60px;font-family:var(--mono);font-size:11px;color:var(--ink);text-align:right;white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:16px;margin:0;padding:0;background:transparent;border:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--surface);border:1.5px solid var(--ink);box-shadow:0 0 0 2px var(--surface);transition:transform var(--ease),border-color var(--ease)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{border-color:var(--accent)}.btn,input[type=password],input[type=text]{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;line-height:1.3}input[type=password],input[type=text]{flex:1;min-width:0}input::placeholder{color:var(--muted)}.btn{text-transform:uppercase;letter-spacing:.04em;height:32px;padding:0 12px;border:0;border-radius:6px;font-size:11px;font-weight:550;line-height:32px;white-space:nowrap;cursor:pointer;background:var(--line);color:var(--ink)}.btn.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn .i{width:16px;height:16px;flex:none}.btn.small .i{width:14px;height:14px}.pill.pro-pill{display:inline-flex;align-items:center;gap:3px;padding:0 4px;color:var(--surface);background:var(--ink);border-color:transparent}.btn.klaviyo .pill.pro-pill{color:var(--ink);background:var(--surface)}.pill.pro-pill .lock{width:11px;height:11px;flex:none}.brand .brand-pro{margin-left:-2px}.pill.pro-pill:not(.locked) .lock{display:none}.btn .pro-pill{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.btn.has-lock{position:relative}.btn.small .pro-pill{position:static;transform:none;margin-left:6px}.btn.has-lock.locked:disabled{opacity:1;color:var(--muted)}.btn:hover{filter:brightness(.95)}.btn.progress{position:relative;overflow:hidden;isolation:isolate}.btn.progress:disabled,.btn.klaviyo.busy.progress{opacity:1;cursor:progress}.btn.progress:before{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:calc(var(--progress, 0) * 100%);background:color-mix(in srgb,currentColor 28%,transparent);transition:width .24s ease-out}:root[data-theme=dark] .btn:hover,:root.figma-dark:not([data-theme=light]) .btn:hover{filter:brightness(1.15)}.btn:disabled{cursor:default;opacity:.5}.btn:disabled:hover{filter:none}.field .btn{height:32px;line-height:32px}.field input[type=password],.field input[type=text]{box-sizing:border-box;height:32px}.dp-button{height:28px;width:100%;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:11px;text-align:left;cursor:pointer}.dp-button:hover{border-color:var(--line-strong)}.dp{grid-column:1 / -1;margin:4px 0 8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 6px 20px #0000001f}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dp-title{font-size:11px;font-weight:600}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-wd{font-family:var(--mono);font-size:9px;color:var(--muted);text-align:center;padding:2px 0 4px;letter-spacing:.04em}.dp-day{appearance:none;height:26px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:11px;cursor:pointer}.dp-day:hover{background:var(--hover)}.dp-day.out{color:var(--muted);opacity:.6}.dp-day.on{background:var(--ink);color:var(--surface)}.dp-foot{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.dp-time{width:64px;height:28px;font-family:var(--mono);font-size:11px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 8px;text-align:center}.styler .dp-time{width:64px;text-align:center}.dp-foot .btn{margin-left:auto;height:28px;line-height:28px}.swatch{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:center}.swatch-btn{width:28px;height:28px;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer;display:grid}.swatch-btn:hover{border-color:var(--line-strong)}.swatch-chip{display:block;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 0 0 1px var(--line-strong)}.swatch-chip.none,.cp-none{background:linear-gradient(to top right,#fff calc(50% - 1px),#e5484d calc(50% - 1px) calc(50% + 1px),#fff calc(50% + 1px))!important}.cp-hex::placeholder{text-transform:none}.cp-hex{font-family:var(--mono);text-transform:lowercase}.cp{grid-column:1 / -1;margin:4px 0 8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 6px 20px #0000001f;display:grid;gap:8px}.cp-sv{position:relative;height:120px;border-radius:6px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--h, 0) 100% 50%));box-shadow:inset 0 0 0 1px #00000014}.cp-hue{position:relative;height:12px;border-radius:6px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000059;transform:translate(-50%,-50%);pointer-events:none}.cp-hue .cp-dot{top:50%}.cp-presets{display:grid;grid-template-columns:repeat(var(--cp-count, 8),1fr);gap:5px}.cp-dropper{aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}.cp-dropper:hover{border-color:var(--line-strong)}.cp-dropper.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}.cp-dropper svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.mat.picking{cursor:crosshair}.mat.picking .sec-ov,.mat.picking .sec-ov:hover{background:none;box-shadow:none}.mat.picking .sec-ov:after{content:none}.pick-layer{position:absolute;inset:0;z-index:30;cursor:crosshair}.pick-bubble{position:absolute;display:flex;align-items:center;gap:6px;padding:3px 7px 3px 3px;border-radius:6px;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px #0000002e;transform:translate(14px,14px);pointer-events:none;font-family:var(--mono);font-size:10px;white-space:nowrap}.pick-bubble[hidden]{display:none}.pick-chip{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001a}.cp-preset{aspect-ratio:1;border:0;border-radius:5px;cursor:pointer;padding:0}.cp-none{border:1px solid var(--line)}.cp-preset[data-hex="#ffffff"]{box-shadow:inset 0 0 0 1px var(--line)}.cp-preset:hover{transform:scale(1.08)}.pane-actions{padding:12px 16px}.styler{border-top:1px solid var(--line);padding:0}.props{padding:12px 16px 8px;border-bottom:1px solid var(--line)}.props .label{margin:0 0 8px;font-size:10px}.props.actions{display:grid;gap:8px;padding:16px;border-bottom:0}.styler .field-col{grid-template-columns:80px 1fr;align-items:center;gap:8px;margin:0 0 6px}.styler .field-col .field-name{white-space:nowrap;font-size:11px}.styler input:not([type=range]):not([type=checkbox]),.styler .select,.styler .dp-button{box-sizing:border-box;min-width:0;height:28px;border:1px solid var(--line);border-radius:6px;background-color:var(--surface);color:var(--ink);font:inherit;font-size:11px;padding:0 8px}.styler .select{padding-right:24px}.styler input:not([type=range]):not([type=checkbox]):hover,.styler .select:hover{border-color:var(--line-strong)}.styler input[type=number]{font-family:var(--mono);appearance:textfield;-moz-appearance:textfield}.styler input[type=number]::-webkit-inner-spin-button,.styler input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numfield{position:relative;display:block;min-width:0}.numfield input{width:100%;padding-right:20px;font-family:var(--mono)}.numfield .steps{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid}.numfield .steps button{width:14px;height:10px;padding:0;border:0;background:transparent;color:var(--chevron);cursor:pointer;display:grid;place-items:center}.numfield .steps button:hover{color:var(--ink)}.numfield .steps svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.styler .seg{display:flex;width:100%}.styler .seg button{flex:1;padding:3px 0;text-align:center}.styler .select{height:28px;padding-right:24px;background-position:right 7px center}.field-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;margin:0 0 6px}.field-row .field-name{white-space:nowrap;font-size:11px}.field-row .pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.field-row .pair input{height:28px;font-size:11px}.field-col input[type=number],.field-row input[type=number]{font-family:var(--mono);font-size:11px;padding:0 8px}.styler .slider{grid-template-columns:80px 1fr 36px;gap:8px;margin:0 0 6px;padding:0;height:28px}.styler .slider-out{min-width:0;width:36px}.styler .slider .slider-name{font-size:11px}.styler .actions{display:grid;gap:8px;margin-top:4px}.btn.danger{background:var(--danger-soft);color:var(--danger-ink)}.confirm{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirm-text{grid-column:1 / -1;font-size:11px;color:var(--ink);text-align:left}.confirm .btn.small{height:32px;line-height:32px;justify-content:center}.row.cd{grid-template-columns:22px auto minmax(0,1fr);cursor:pointer}.row.cd .pills{justify-self:end;display:inline-flex;gap:6px;min-width:0;max-width:100%}.row .pill.where{justify-self:end;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.row.cd .pill.ended{flex:none}.row.cd:focus-visible{outline:1px solid var(--focus-line);outline-offset:-1px}.styler .note.ends-note{margin:-2px 0 6px 88px;font-size:11px}.blocks{pointer-events:none}.block-view{position:absolute;left:0;right:0;overflow:hidden;outline:1px dashed var(--html);outline-offset:-1px;background:var(--surface)}.block-view .cd-stage{position:absolute;left:0;top:0;transform-origin:0 0}.block-view .cd-stage,.block-view .cd-stage *{box-sizing:content-box}.block-view.dragging{opacity:.85;outline-style:solid}.block-grip{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border:0;border-radius:4px;background:#6d28d9;color:#fff;font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;cursor:grab;pointer-events:auto}.block-view.dragging .block-grip{cursor:grabbing}.col-guide{position:absolute;top:0;bottom:0;border-left:1px dashed var(--accent);opacity:.8;pointer-events:none}.field-col{display:grid;gap:6px;margin:0 0 14px}.field-name{font-size:11px;color:var(--muted)}.field-col input{height:32px;font:inherit;font-size:12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px}#target-info{margin:0;line-height:1.5}#send-note{margin:12px 0 0;line-height:1.6}#pane-export .group{padding-bottom:22px}#pane-export .group .title-row{margin-bottom:14px}#pane-export .field-col:last-of-type{margin-bottom:0}#pane-export .actions{display:grid;gap:8px;border-bottom:0}#pane-export .actions .note{margin-top:6px}#pane-export .actions .or{display:flex;align-items:center;gap:10px;margin:8px 0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}#pane-export .actions .or:before,#pane-export .actions .or:after{content:"";flex:1;border-top:1px solid var(--line)}#pane-export .actions .zip-note{margin:0 2px;font-size:10px;line-height:14px;color:color-mix(in srgb,var(--muted) 78%,var(--surface))}#pane-export .actions .open-web{justify-self:start;margin:0 2px;font-size:11px}.select{height:32px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface) var(--chevron-img) no-repeat right 9px center / 12px;color:var(--ink);font:inherit;font-size:12px;appearance:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select.wide,.btn.wide{width:100%}.select:disabled{cursor:default;opacity:.6}.select[data-open]{border-color:var(--focus-line)}.menu{position:fixed;z-index:40;box-sizing:border-box;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 6px 20px #0000001f}.menu-group{padding:6px 8px 3px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.menu-item+.menu-group{margin-top:4px;padding-top:8px;border-top:1px solid var(--line)}.menu-item{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-height:28px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.menu-item>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item>svg{flex:none;width:14px;height:14px}.menu-item.hot{background:var(--hover)}.menu-item:disabled{color:var(--muted);cursor:default;background:transparent}.btn.klaviyo{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--surface)}.btn.klaviyo .k{width:16px;height:16px;flex:none}.btn.klaviyo.busy{opacity:.85}.note.fail{color:var(--danger-ink)}.note.notice{display:grid;grid-template-columns:14px 1fr;gap:8px;align-items:start;padding:10px 12px;border-radius:6px;background:var(--danger-soft);color:var(--ink);font-size:11px;line-height:1.45}.notice-icon{display:flex;height:16px;align-items:center;color:var(--danger-ink)}.notice-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.notice-body{display:grid;gap:1px;min-width:0;text-wrap:pretty}.notice-title{font-size:12px;font-weight:500;line-height:16px}.notice-line{color:var(--muted);line-height:14px}.note .notice-link{justify-self:start;margin-top:4px;font-weight:500;text-decoration:none;text-underline-offset:2px}.note .notice-link:hover,.note .notice-link:focus-visible{text-decoration:underline}#target-info.notice{margin-top:10px}.slot-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:6px}.slot-list>li{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 4px 0 10px}.slot-list>li+li{border-top:1px solid var(--line)}.slot-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.slot-list .pill{flex:none}.smart-row{margin-top:12px}.smart-row[hidden]{display:none}.smart-row .note.notice{margin-top:8px}.row:has(>.pill.suggested){grid-template-columns:22px 1fr auto auto}.row:has(>.pill.suggested):has(>.ftr){grid-template-columns:22px 1fr auto auto auto}.hist{display:flex;align-items:center;gap:8px;padding:0 16px 0 0;border-bottom:1px solid var(--line)}.hist-main{flex:1;min-width:0;display:grid;gap:3px;padding:9px 0 9px 16px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--ease)}.hist:hover{background:var(--hover)}.hist-name,.hist-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-name{font-size:12px;font-weight:500}.hist-meta{font-size:11px;color:var(--muted)}.hist-parts{display:flex;gap:10px}.hist-parts>span{flex:none}.hist-parts>span:last-child{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.hist .btn.small{flex:none;height:24px;line-height:24px}.history-empty{padding:32px 16px;text-align:center}#seat-confirm{margin-top:8px}.seat-drop{justify-self:start;margin-top:8px}.history-find{position:relative;display:flex;margin-top:12px}.history-find[hidden],.pager[hidden]{display:none}.history-find svg{position:absolute;left:10px;top:50%;width:14px;height:14px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:1.4;stroke-linecap:round;pointer-events:none}.history-find input[type=text]{height:32px;padding-left:30px;font-size:12px}.pager{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:10px 12px 12px 16px}#pane-history:not([hidden]){flex:1 1 0;min-height:0}#history-list{flex:0 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}#history-list::-webkit-scrollbar{display:none}#history-pager{margin-top:auto;border-top:1px solid var(--line)}.pager-count{margin-right:auto;font-size:11px;color:var(--muted)}.pager-range{margin-right:6px;font-family:var(--mono);font-size:11px;color:var(--muted)}.pager-btn{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:none;color:var(--ink);cursor:pointer;transition:background-color var(--ease)}.pager-btn:hover:not(:disabled){background:var(--hover)}.pager-btn:disabled{color:var(--muted);opacity:.45;cursor:default}.pager-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.history-empty .btn{margin-top:14px}#pane-history .title-row .pro-pill{margin-left:auto}#pane-history .title-row .pro-pill[hidden],.history-empty[hidden]{display:none}.slot-sub{flex:0 1 auto;max-width:45%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}.slot-list .btn.small{height:24px;line-height:24px;flex:none}.usage-list>li .usage-count{flex:none;font-family:var(--mono);font-size:11px;color:var(--muted);padding-right:6px}.usage-list>li[data-state=full] .usage-count{color:#b45309}:root[data-theme=dark] .usage-list>li[data-state=full] .usage-count,:root.figma-dark:not([data-theme=light]) .usage-list>li[data-state=full] .usage-count{color:#fbbf24}.checks{list-style:none;margin:8px 2px 0;padding:0;display:grid;gap:1px}.checks li{display:flex;align-items:center;gap:5px;min-width:0;font-size:10px;line-height:14px;color:color-mix(in srgb,var(--muted) 78%,var(--surface))}.checks li>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checks .check-mark{flex:none;display:inline-grid;place-items:center;width:10px;height:10px;border-radius:50%}.checks .check-mark svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.checks li[data-state=ok] .check-mark,.checks li[data-state=done] .check-mark{color:var(--pill-on)}.checks li[data-state=warn] .check-mark{background:#b45309;color:var(--surface)}:root[data-theme=dark] .checks li[data-state=warn] .check-mark,:root.figma-dark:not([data-theme=light]) .checks li[data-state=warn] .check-mark{background:#fbbf24}.checks li[data-state=warn] .check-mark svg{width:10px;height:10px;stroke-width:1.5}.checks li[data-state=warn] .check-mark svg .dot{fill:currentColor;stroke:none}.checks li[data-state=active]{color:var(--ink)}.checks li[data-state=note]>span:last-child{white-space:normal}.checks li[data-state=active] .check-mark{width:8px;height:8px;margin:1px;border:1.25px solid var(--line-strong);border-top-color:var(--ink);animation:check-spin .8s linear infinite}.checks li[data-state=todo] .check-mark{width:8px;height:8px;margin:1px;border:1.25px solid var(--line-strong)}@keyframes check-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.checks li[data-state=active] .check-mark{animation:none}}.slot-list>li.has-site{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 8px;padding:10px 10px 12px 12px}.slot-list>li.has-site .slot-name{font-weight:600}.slot-list .slot-site{grid-column:1 / -1;width:100%;height:30px;font:inherit;font-size:11px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px}.slot-list .slot-site:focus{outline:none;border-color:var(--focus-line)}.slot-list .slot-site.invalid{border-color:var(--danger)}.slot-list .slot-pick{grid-column:1 / -1;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;font-size:11px;color:var(--muted)}.slot-list .slot-saved{height:30px;font-size:11px;width:100%;min-width:0}#connected-list+#connect-klaviyo{margin-top:10px}#account-list:empty,#seat-list:empty{display:none}.pane:not(.batching) .batch-only,.pane.batching .single-only{display:none!important}#batch-list{max-height:260px;overflow-y:auto}#plan-note.notice,#connect-note.notice{margin-top:10px}.key-toggle{display:block;margin-top:10px}#key-field{margin-top:10px}.note a{color:var(--ink);text-decoration:none}.note a:hover{text-decoration:underline;text-underline-offset:2px}.info{appearance:none;flex:none;width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:default}.info svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.title-row .info{transform:translateY(-1px)}.title-row .label+.info svg,.props .label+.info svg{width:12px;height:12px}.info:hover{color:var(--ink);background:var(--hover)}.main{flex:1;min-width:0;overflow:auto;padding:16px 40px 16px 16px;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:8px 8px;background-position:-.5px -.5px}.state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:var(--muted);padding:24px}.state-art{color:var(--muted);margin-bottom:10px}.state-art .art-cut,.state-art .art-scissors{color:var(--accent)}.state[data-state=wrong] .state-art .art-cut,.state[data-state=wrong] .state-art .art-scissors{color:var(--muted)}.state[data-state=detecting] .state-art .art-cut{animation:dash .9s linear infinite}@keyframes dash{to{stroke-dashoffset:-14}}.state-title{margin:0;font-size:13px;font-weight:600;color:var(--ink)}.state-detail{margin:0;max-width:280px}.stage{display:grid}.mat{position:relative;background:var(--surface);border:1px solid var(--line);user-select:none;touch-action:none}.mat.dragging{cursor:ns-resize}.mat[data-mode=select] .secs{cursor:pointer}.shot{display:block}.layer{position:absolute;inset:0}.shot-note{position:absolute;top:12px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);pointer-events:none}.shot-note[data-state=pending]{animation:blink 1.2s ease-in-out infinite}.shot-note[data-state=error]{color:var(--accent);text-transform:none;letter-spacing:0;padding:0 12px}@keyframes blink{50%{opacity:.35}}.secs{cursor:crosshair}.sec-ov{position:absolute;left:0;right:0;transition:background-color var(--ease)}.sec-live{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;z-index:2}.sec-live>div{box-shadow:0 0 0 1px var(--cta)}.sec-ov:hover,.sec-ov.hot{background:var(--accent-soft)}.sec-ov.selected{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.sec-ov[data-kind=gap]{background-image:repeating-linear-gradient(135deg,var(--hatch) 0 2px,transparent 2px 7px)}.sec-ov[data-skip=true]:after{content:"";position:absolute;inset:0;background:var(--bg);opacity:.65}.sec-ov[data-mark=text]:before,.sec-ov[data-mark=cta]:before,.sec-ov[data-mark=html]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.sec-ov[data-mark=text]:before{background:var(--text)}.sec-ov[data-mark=cta]:before{background:var(--cta)}.sec-ov[data-mark=html]:before{background:var(--html)}.sec-ov .tag{position:absolute;left:8px;top:6px;display:none;max-width:calc(100% - 16px);padding:2px 8px;border-radius:4px;background:var(--ink);color:var(--surface);font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sec-ov .tag .geo{font-family:var(--mono);letter-spacing:.04em;opacity:.7;margin-right:6px}.mat[data-mode=cuts] .sec-ov:hover .tag{display:block}.mat.dragging .sec-ov:hover{background-color:transparent}.mat.dragging .sec-ov .tag{display:none}.cuts{pointer-events:none}.cut{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--accent);transform:translateY(-.5px);transition:opacity var(--ease)}.cut[data-manual=true]{border-top-color:var(--text)}.cut[data-manual=true] .handle:hover,.cut[data-manual=true].live .handle,.cut[data-manual=true].selected .handle{background:var(--text);color:#fff}.cut[data-manual=true] .cut-y{background:var(--text-ink);color:#fff}.cut[data-manual=true] .handle{border-color:var(--text);color:var(--text)}.cut.away{opacity:.3}.cut .cut-y{position:absolute;left:6px;top:3px;display:none;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:#fff;background:var(--accent-ink);padding:0 4px;border-radius:3px}.handle{position:absolute;right:-27px;top:-11px;width:22px;height:22px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--accent);background:var(--surface);color:var(--accent);cursor:ns-resize;pointer-events:auto;transition:transform var(--ease),background-color var(--ease),color var(--ease)}.handle:hover,.cut.live .handle,.cut.selected .handle{background:var(--accent);color:#fff}.handle .ico-x{display:none}.cut.selected .handle .ico-x{display:block}.cut.selected .handle .ico-cut{display:none}.cut.selected{border-top-style:solid}.handle.snap{animation:snap .15s ease-out}@keyframes snap{0%{transform:scale(1.25)}to{transform:scale(1)}}.cut.away .handle{background:var(--surface);color:var(--muted);border-color:var(--muted);border-style:dashed}.mat[data-mode=select] .cut{opacity:.55}.mat[data-mode=select] .handle{display:none}.proposed-cut{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--text);pointer-events:none}.ghost{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--accent);opacity:.45;pointer-events:none}.ghost .y{position:absolute;right:6px;top:3px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--accent-ink)}.foot{flex:none;min-height:48px;display:flex;align-items:center;gap:12px;padding:8px 14px;border-top:1px solid var(--line);background:var(--surface)}.foot-left{flex:1;min-width:0;display:flex;align-items:center}.summary{display:flex;gap:6px;flex:none;margin-left:auto}.chip{display:inline-block;padding:1px 7px;border-radius:4px;background:var(--chip);color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.02em;line-height:1.6;white-space:nowrap}.chip.with-icon{display:inline-flex;align-items:center;gap:4px}.chip svg{flex:none;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.chip.over{color:#b45309}:root[data-theme=dark] .chip.over,:root.figma-dark:not([data-theme=light]) .chip.over{color:#fbbf24}.warn{display:inline-flex;align-items:center;gap:6px;min-width:0;color:#b45309;font-size:12px}:root[data-theme=dark] .warn,:root.figma-dark:not([data-theme=light]) .warn{color:#fbbf24}.warn svg{flex:none;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}.warn svg .dot{fill:currentColor;stroke:none}.warn .tip-icon{display:none}.warn.quiet,:root[data-theme=dark] .warn.quiet,:root.figma-dark:not([data-theme=light]) .warn.quiet{color:var(--muted)}.warn.quiet .warn-icon{display:none}.warn.quiet .tip-icon{display:block}.warn #warn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warn #warn-text.drift{text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 6px,#000 calc(100% - 16px),transparent)}.warn #warn-text.drift .run{display:inline-block;animation:warn-drift var(--drift-time, 10s) ease-in-out infinite alternate}@keyframes warn-drift{0%,18%{transform:translate(0)}82%,to{transform:translate(var(--drift, 0px))}}@media(prefers-reduced-motion:reduce){.warn #warn-text.drift{text-overflow:ellipsis;-webkit-mask-image:none;mask-image:none}.warn #warn-text.drift .run{animation:none}}.warn span:empty{display:none}:focus{outline:none}input:not([type=range]):not([type=checkbox]):focus-visible,textarea:focus-visible,.select:focus-visible,.dp-button:focus-visible,.dp-button[aria-expanded=true],.swatch-btn:focus-visible{outline:none;border-color:var(--focus-line)!important}.btn:focus-visible,.rail [role=tab]:focus-visible,.seg button:focus-visible,.icon-btn:focus-visible,.info:focus-visible,.handle:focus-visible,.pick input:focus-visible,.accept:focus-visible,.dp-day:focus-visible,.cp-preset:focus-visible,.cp-dropper:focus-visible,.block-grip:focus-visible,.linkish:focus-visible,.note a:focus-visible,.legal a:focus-visible,.made a:focus-visible,input[type=range]:focus-visible{outline:1px solid var(--focus-line);outline-offset:1px}.seg button:focus-visible{outline-offset:-2px}.row-body .note.link-note{margin:2px 0 0 88px}.row-body .prop input[aria-invalid=true]{border-color:var(--danger-ink)}.row-body .alt-field{position:relative;display:block;min-width:0}.row-body .prop .alt-field input{padding-right:52px}.row-body .alt-count{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none}.switch{position:relative;display:inline-flex;align-items:center;width:28px;height:16px;cursor:pointer}.switch input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.switch .track{width:28px;height:16px;border-radius:8px;background:var(--line-strong);transition:background-color var(--ease);position:relative}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--knob);box-shadow:0 1px 2px #0003;transition:transform var(--ease),background-color var(--ease)}.switch input:checked+.track{background:var(--ink)}.switch input:checked+.track:after{background:var(--surface)}.switch input:checked+.track:after{transform:translate(12px)}.switch input:focus-visible+.track{outline:1px solid var(--focus-line);outline-offset:2px}.switch.end{margin-left:auto}.switch input:disabled{pointer-events:none}.switch:has(input:disabled){cursor:default}.switch input:disabled+.track{opacity:.45}.settings-tabs{display:flex;width:100%;margin-top:12px}.settings-tabs button{flex:1;text-align:center;padding:4px 0}#pane-settings .sub[hidden]{display:none}#pane-settings .sub{display:flex;flex-direction:column}#pane-settings .sub[data-sub=about]{flex:1 0 auto}#pane-settings .sub .legal{margin-top:auto}#pane-settings :is(.sub[data-sub=general],.sub[data-sub=about]) .group>:is(.label,.title-row){margin:0 0 4px}#pane-settings .group>.title-row .pro-pill{margin-left:auto}#pane-settings .title-row .title-action{margin-left:auto}#pane-settings .group{padding-bottom:18px}.setting{display:flex;align-items:center;gap:6px;min-width:0;min-height:32px}.setting-name{color:var(--ink);white-space:nowrap}.setting:has(input:disabled) .setting-name{opacity:.55}.seg.end{margin-left:auto}.setting>.end{margin-left:auto}.danger-zone{display:flex;flex-direction:column;gap:8px}.danger-zone>.title-row{margin-bottom:0}.danger-zone>.title-row .pill{margin-left:auto}.setting-slider{grid-template-columns:88px 1fr auto;min-height:32px;padding:0}.setting-slider .slider-name{color:var(--ink)}.setting-link{color:var(--ink);text-decoration:none}.setting-link:hover{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line-strong)}[data-plan-out=true]:not(.done){opacity:.5}#pane-export.no-frame .single-only,#pane-export.no-frame .actions{display:none}@property --cd-sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes cd-sweep{to{--cd-sweep: 360deg}}.cd-sweep{animation:cd-sweep 2s linear infinite}@keyframes cd-dash{to{stroke-dashoffset:calc(-1 * var(--cd-dash))}}.cd-dashes path{animation:cd-dash var(--cd-lap, 2s) linear infinite;animation-delay:var(--cd-phase, 0s)}@keyframes cd-pulse{0%,to{opacity:0}50%{opacity:1}}.cd-pulse{animation:cd-pulse 2s ease-in-out infinite}@keyframes cd-flash{0%,14.9%{opacity:1}15%,to{opacity:0}}.cd-flash{animation:cd-flash 1s linear infinite}@media(prefers-reduced-motion:reduce){.cd-sweep,.cd-dashes path,.cd-pulse,.cd-flash{animation:none}}.signin{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;overflow:hidden;background:var(--bg)}.signin{--mat-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' shape-rendering='crispEdges'><g fill-opacity='0.42'><rect x='24' width='1' height='120'/><rect y='24' width='120' height='1'/><rect x='48' width='1' height='120'/><rect y='48' width='120' height='1'/><rect x='72' width='1' height='120'/><rect y='72' width='120' height='1'/><rect x='96' width='1' height='120'/><rect y='96' width='120' height='1'/></g><rect width='1' height='120'/><rect width='120' height='1'/></svg>")}@media(min-resolution:2dppx){.signin{--mat-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240' shape-rendering='crispEdges'><g fill-opacity='0.42'><rect x='48' width='1' height='240'/><rect y='48' width='240' height='1'/><rect x='96' width='1' height='240'/><rect y='96' width='240' height='1'/><rect x='144' width='1' height='240'/><rect y='144' width='240' height='1'/><rect x='192' width='1' height='240'/><rect y='192' width='240' height='1'/></g><rect width='1' height='240'/><rect width='240' height='1'/></svg>")}}.signin:before{content:"";position:absolute;inset:44px 0 0;z-index:0;pointer-events:none;background:var(--mat-major);-webkit-mask:var(--mat-mask) 0 0 / 120px 120px repeat;mask:var(--mat-mask) 0 0 / 120px 120px repeat}.signin:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(80% 34% at 50% 100%,var(--mat-glow) 10%,transparent);mix-blend-mode:var(--mat-blend)}.signin>*{position:relative;z-index:2}.signin>.signin-ruler{position:absolute;top:20px;left:0;right:0;height:24px;display:flex;pointer-events:none;border-bottom:1px solid var(--mat-tick)}.signin-ruler span{flex:none;width:120px;box-sizing:border-box;padding-left:6px;border-left:1px solid var(--mat-tick);font:9px/24px var(--mono);color:var(--mat-label);letter-spacing:.02em}.signin-ruler span:first-child{border-left:0}@media(min-resolution:2dppx){.signin>.signin-ruler,.signin-ruler span{border-width:.5px}.signin-ruler span:first-child{border-left-width:0}}.signin-card{position:relative;width:100%;max-width:300px;display:grid;justify-items:center;gap:10px;text-align:center;box-sizing:border-box;padding:28px 24px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px #0000000a,0 12px 32px -12px #0000002e}.signin-icon,.signin-icon svg{width:36px;height:36px}.signin-title{margin:6px 0 0;font-size:15px;font-weight:600;color:var(--ink)}.signin-sub{margin:0 0 8px;text-wrap:balance}.signin-google{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.signin-google svg{width:16px;height:16px;flex:none}.signin-alt{height:36px}.signin-form{width:100%;display:grid;justify-items:center;gap:8px}.signin-form .meta{margin:0;overflow-wrap:anywhere}.signin-form input{width:100%;height:36px;font:inherit;font-size:12px;text-align:center;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px}.signin-form input:focus{outline:none;border-color:var(--focus-line)}.signin-form #signin-code{font:500 16px/1 var(--mono);letter-spacing:.3em}.signin-form .btn.wide{width:100%;height:36px}.signin-form .btn:disabled{opacity:.5;cursor:default}.signin-links{display:flex;gap:16px;justify-content:center}.signin-wait{display:grid;justify-items:center;gap:8px}.signin-wait .meta{margin:0}.signin-legal{margin-top:10px;text-wrap:balance}.signin .note{width:100%;text-align:left}.link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.accounts-manage{display:block;margin:10px 0 0 auto;font-size:11px;color:var(--muted);text-decoration:none}.accounts-manage:hover,.accounts-manage:focus-visible{color:var(--ink);text-decoration:underline}.account-row{align-items:center}.account-email{flex:1;min-width:0;height:32px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px}.invite-row{margin-top:8px}.confirm-input{grid-column:1 / -1;box-sizing:border-box;min-width:0;height:32px;font:inherit;font-size:12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px}.invite-row input{flex:1;min-width:0;height:32px;font:inherit;font-size:12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:0 10px}@supports (height: 100dvh){html,body{height:100dvh}}.main{position:relative}.stage{min-width:0}.mat{min-width:0;max-width:100%}.shot{max-width:100%}.web-drop{position:absolute;inset:0;display:grid;place-items:center;padding:24px;overflow:auto}.web-drop-card{width:min(440px,100%);padding:32px 24px 24px;text-align:center;border:1px dashed var(--line-strong, var(--line));border-radius:12px;background:var(--surface);transition:border-color var(--ease)}body.web-dragging .web-drop-card{border-color:var(--accent)}.web-drop-title{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--ink)}.web-drop-sub{margin:0 0 16px;color:var(--muted)}.web-recent{list-style:none;margin:24px 0 0;padding:0;text-align:left;border-top:1px solid var(--line)}.web-recent li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.web-recent-item{flex:1;min-width:0;display:flex;align-items:baseline;gap:12px;padding:10px 4px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.web-recent-item:hover .name{color:var(--accent)}.web-recent-item .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-recent-item .meta{flex:none;display:flex;gap:10px;color:var(--muted);font-family:var(--mono);font-size:11px}.web-recent-remove{flex:none;padding:0 4px;color:var(--muted)}.web-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 14px;border-radius:8px;background:var(--ink);color:var(--surface);font-size:12px;z-index:50}.web-toast.error{background:var(--danger, #c0392b);color:#fff}.web-toast:has(.web-toast-action){display:flex;align-items:center;gap:12px}.web-toast-action{color:inherit;font-weight:600;text-decoration:underline}@media(min-width:1400px){:root{--side: 380px}}@media(max-width:1099px){:root{--side: 300px}.main{padding:16px 40px 16px 16px}}@media(max-width:767px){.body{display:contents}.top{order:0}.main{order:1;flex:1 1 0;min-height:0;padding:10px 38px 10px 10px}.side{order:2;flex:0 0 42%;width:auto;border-right:0;border-top:1px solid var(--line)}.foot{order:3;min-height:40px;padding:6px 12px}.rail{order:4;flex-direction:row;width:auto;height:calc(52px + env(safe-area-inset-bottom,0px));padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));gap:2px;border-right:0;border-top:1px solid var(--line);justify-content:space-around}.rail [role=tab]{flex:1 1 0}.rail [data-tab=settings]{margin-top:0}.rail-thumb{display:none}.rail [role=tab][aria-selected=true]{background:var(--bg);border-radius:8px}.top-side{width:auto;flex:1;border-right:0}.top-main{flex:none;padding:0 12px}.frame-title{display:none}.web-drop{padding:12px}.web-drop-card{padding:24px 16px 16px}}@media(hover:none)and (pointer:coarse){.handle{width:30px;height:30px;right:-34px;top:-15px}}