:root{--canvas: #e8e8ed;--window: #ffffff;--material: rgba(246, 246, 248, .8);--material-strong: rgba(250, 250, 252, .9);--menu-bg: rgba(252, 252, 253, .97);--popover: #fafafc;--grouped: #f2f2f7;--cell: #ffffff;--fill: rgba(118, 118, 128, .12);--fill-2: rgba(118, 118, 128, .07);--fill-hover: rgba(118, 118, 128, .2);--separator: rgba(60, 60, 67, .15);--separator-strong: rgba(60, 60, 67, .26);--label: #1d1d1f;--label-2: #66666b;--label-3: #8e8e93;--brand: #ff5a1f;--accent: #ff5a1f;--accent-hover: #ff7a47;--accent-ink: #b8380b;--accent-tint: rgba(255, 90, 31, .12);--play: #01875f;--play-tint: rgba(1, 135, 95, .12);--focus: rgba(255, 90, 31, .35);--on-accent: #121212;--thumb: #ffffff;--switch-on: #34c759;--ok: #1f8a3c;--ok-tint: rgba(52, 199, 89, .14);--warn: #b25e00;--warn-tint: rgba(255, 149, 0, .14);--danger: #e0352b;--danger-fill: #c42b22;--on-danger-fill: #ffffff;--hud: rgba(28, 28, 30, .84);--hud-fg: #ffffff;--provider-fill: #ffffff;--provider-stroke: #747775;--provider-label: #1f1f1f;--spot-ring: #ffffff;--spot-edge: rgba(0, 0, 0, .45);--scrim: rgba(0, 0, 0, .22);--shadow-1: 0 .5px 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06);--shadow-2: 0 2px 6px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--shadow-3: 0 0 0 .5px rgba(0, 0, 0, .08), 0 24px 64px rgba(0, 0, 0, .2), 0 4px 12px rgba(0, 0, 0, .08);--shadow-shot: 0 1px 2px rgba(0, 0, 0, .06), 0 10px 30px rgba(0, 0, 0, .12);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;--r-hair: 2px;--r-xs: 4px;--r-sm: 6px;--r-control: 8px;--r-md: 10px;--r-card: 12px;--r-sheet: 16px;--r-pill: 999px;--ease: cubic-bezier(.25, .1, .25, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--canvas: #141416;--window: #1e1e20;--material: rgba(34, 34, 37, .82);--material-strong: rgba(30, 30, 33, .92);--menu-bg: rgba(38, 38, 41, .98);--popover: #252528;--grouped: #18181a;--cell: #2a2a2d;--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .14);--fill-hover: rgba(118, 118, 128, .34);--separator: rgba(84, 84, 88, .5);--separator-strong: rgba(110, 110, 116, .6);--label: #f5f5f7;--label-2: #a1a1a6;--label-3: #7c7c82;--brand: #ff6a33;--accent: #ff6a33;--accent-hover: #ff8657;--accent-ink: #ff8657;--accent-tint: rgba(255, 106, 51, .2);--play: #3ccf98;--play-tint: rgba(60, 207, 152, .18);--focus: rgba(255, 106, 51, .5);--on-accent: #121212;--thumb: #6b6b70;--switch-on: #30d158;--ok: #30d158;--ok-tint: rgba(48, 209, 88, .16);--warn: #ffb340;--warn-tint: rgba(255, 159, 10, .16);--danger: #ff6961;--danger-fill: #ff6961;--on-danger-fill: #1a0605;--hud: rgba(58, 58, 62, .88);--hud-fg: #ffffff;--provider-fill: #131314;--provider-stroke: #8e918f;--provider-label: #e3e3e3;--spot-ring: #ffffff;--spot-edge: rgba(0, 0, 0, .45);--scrim: rgba(0, 0, 0, .5);--shadow-1: 0 .5px 1px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-2: 0 2px 6px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-3: 0 0 0 .5px rgba(255, 255, 255, .08), 0 24px 64px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .3);--shadow-shot: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .45);color-scheme:dark}}:root[data-theme=dark]{--canvas: #141416;--window: #1e1e20;--material: rgba(34, 34, 37, .82);--material-strong: rgba(30, 30, 33, .92);--menu-bg: rgba(38, 38, 41, .98);--popover: #252528;--grouped: #18181a;--cell: #2a2a2d;--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .14);--fill-hover: rgba(118, 118, 128, .34);--separator: rgba(84, 84, 88, .5);--separator-strong: rgba(110, 110, 116, .6);--label: #f5f5f7;--label-2: #a1a1a6;--label-3: #7c7c82;--brand: #ff6a33;--accent: #ff6a33;--accent-hover: #ff8657;--accent-ink: #ff8657;--accent-tint: rgba(255, 106, 51, .2);--play: #3ccf98;--play-tint: rgba(60, 207, 152, .18);--focus: rgba(255, 106, 51, .5);--on-accent: #121212;--thumb: #6b6b70;--switch-on: #30d158;--ok: #30d158;--ok-tint: rgba(48, 209, 88, .16);--warn: #ffb340;--warn-tint: rgba(255, 159, 10, .16);--danger: #ff6961;--danger-fill: #ff6961;--on-danger-fill: #1a0605;--hud: rgba(58, 58, 62, .88);--hud-fg: #ffffff;--provider-fill: #131314;--provider-stroke: #8e918f;--provider-label: #e3e3e3;--spot-ring: #ffffff;--spot-edge: rgba(0, 0, 0, .45);--scrim: rgba(0, 0, 0, .5);--shadow-1: 0 .5px 1px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-2: 0 2px 6px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-3: 0 0 0 .5px rgba(255, 255, 255, .08), 0 24px 64px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .3);--shadow-shot: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--label);font:13px/1.38 var(--font);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}:focus{outline:none}:focus-visible{outline:none;box-shadow:0 0 0 3.5px var(--focus)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.muted{color:var(--label-2)}.spacer{flex:1}.app{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}.toolbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:12px;min-height:52px;padding:8px 14px;background:var(--material);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--separator)}.tb-left,.tb-center,.tb-right{display:flex;align-items:center;gap:4px;min-width:0}.tb-center{gap:8px}.tb-right{justify-content:flex-end}.app-mark{display:grid;place-items:center;width:28px;height:28px;flex:none}.doc-title{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:260px;height:28px;padding:0 6px 0 8px;border:0;border-radius:var(--r-control);background:transparent;font-weight:600;font-size:13px}.doc-title:hover,.doc-title[aria-expanded=true]{background:var(--fill)}.doc-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-title svg{color:var(--label-3);flex:none}.rename{height:28px;width:220px;max-width:40vw;padding:0 8px;border:0;border-radius:var(--r-control);background:var(--window);box-shadow:0 0 0 3.5px var(--focus);font-weight:600}.tb-sep{width:.5px;height:18px;background:var(--separator-strong);margin:0 6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;border:0;border-radius:var(--r-control);background:var(--fill);color:var(--label);font-weight:500;white-space:nowrap;transition:background .15s var(--ease),transform .1s var(--ease)}.btn:hover:not(:disabled){background:var(--fill-hover)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.capsule{border-radius:var(--r-pill);padding:0 14px}.btn.plain{background:transparent;color:var(--accent-ink);padding:0 6px}.btn.plain:hover:not(:disabled){background:var(--accent-tint)}.btn.quiet{background:transparent}.btn.quiet:hover:not(:disabled){background:var(--fill)}.btn.danger{color:var(--danger)}.btn.small{height:24px;padding:0 10px;font-size:12px;border-radius:var(--r-sm)}.btn.large{height:34px;padding:0 18px;font-size:15px}.icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border:0;border-radius:var(--r-control);background:transparent;color:var(--label-2);transition:background .15s var(--ease),color .15s var(--ease)}.icon-btn:hover:not(:disabled){background:var(--fill);color:var(--label)}.icon-btn:disabled{opacity:.3}.link{border:0;background:none;padding:0;color:var(--accent-ink);font-weight:500;font-size:12px;cursor:pointer}.link:hover{text-decoration:underline}.link:disabled{color:var(--label-3);cursor:default;text-decoration:none}.popup{position:relative;display:inline-flex;align-items:center;min-width:0}.popup select{appearance:none;-webkit-appearance:none;height:28px;max-width:230px;min-width:0;padding:0 28px 0 10px;border:0;border-radius:var(--r-control);background:var(--fill);font-weight:500;text-overflow:ellipsis}.popup select:hover{background:var(--fill-hover)}.popup>svg{position:absolute;right:8px;pointer-events:none;color:var(--label-2)}.popup .lead{position:absolute;left:9px;pointer-events:none;color:var(--label-2)}.popup.has-lead select{padding-left:30px}.popup.block{display:flex;width:100%}.popup.block select{width:100%;max-width:none}.main{--panel: min(var(--inspector-w, 320px), max(280px, calc(100% - 380px) ));position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--panel);min-height:0}.main.left{grid-template-columns:var(--panel) minmax(0,1fr)}.main.left .inspector{order:-1;border-left:0;border-right:.5px solid var(--separator)}.main.no-panel{grid-template-columns:minmax(0,1fr)}.main.no-panel .inspector,.main.no-panel .panel-resizer{display:none}.panel-resizer{position:absolute;top:0;bottom:0;z-index:6;width:9px;cursor:col-resize;touch-action:none;right:calc(var(--panel) - 5px)}.main.left .panel-resizer{right:auto;left:calc(var(--panel) - 4px)}.panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:3px;border-radius:var(--r-hair);background:transparent;transition:background .15s var(--ease)}.panel-resizer:hover:after{background:var(--accent);transition-delay:.2s}.panel-resizer:active:after,.panel-resizer:focus-visible:after{background:var(--accent);transition-delay:0s}.panel-resizer:focus-visible{box-shadow:none}.panel-resizer:focus-visible:after{box-shadow:0 0 0 3px var(--focus)}.col-resizing,.col-resizing *{cursor:col-resize!important;user-select:none!important;-webkit-user-select:none!important}.stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.canvas{flex:1;min-height:0;overflow:auto;padding:40px 40px 88px;scroll-padding:40px}.canvas.dragover{box-shadow:inset 0 0 0 3px var(--accent)}.strip{display:flex;align-items:flex-start;gap:28px;width:max-content}.strip.tight{gap:3px}.card{display:flex;flex-direction:column;align-items:center;gap:12px}.card-canvas{display:block;border-radius:var(--r-md);box-shadow:var(--shadow-shot);touch-action:none;outline:3px solid transparent;outline-offset:4px;transition:outline-color .18s var(--ease),box-shadow .18s var(--ease)}.strip.tight .card-canvas{border-radius:0}.strip.tight .card:first-child .card-canvas{border-radius:var(--r-md) 0 0 var(--r-md)}.strip.tight .card.last .card-canvas{border-radius:0 var(--r-md) var(--r-md) 0}.card.selected .card-canvas{outline-color:var(--accent)}.card.also .card-canvas{outline-color:color-mix(in srgb,var(--accent) 55%,transparent)}.card.also .card-num{color:var(--accent-ink)}.card-stage{position:relative;display:block}.guides{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none;overflow:visible}.guides line{stroke:#ff2d78;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}.multi-note{display:grid;gap:8px;margin:0 16px 12px;padding:10px 12px;border-radius:var(--r-md);background:var(--accent-tint)}.multi-note .btn{justify-self:start}.multi-note-actions{display:flex;flex-wrap:wrap;gap:6px}.marquee{position:absolute;z-index:5;pointer-events:none;border:1px solid var(--accent);background:var(--accent-tint);border-radius:var(--r-xs)}.shortcuts{display:grid;gap:16px}.shortcuts-platform{justify-self:start;min-width:200px}.list-row.shortcut{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;margin:0}.shortcut dt{margin:0}.shortcut dd{margin:0;color:var(--label)}.shortcut kbd{font:500 12px/1 var(--font-text, system-ui);padding:4px 7px;border-radius:var(--r-sm);background:var(--fill-2);box-shadow:inset 0 -1px 0 var(--separator);white-space:nowrap}.menu-key{margin-left:auto;color:var(--label-2);font-size:12px}.card.dragover .card-canvas{outline:3px dashed var(--accent)}.card-foot{height:32px;display:grid;place-items:center}.card-num{font-size:12px;font-weight:500;color:var(--label-2);font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:var(--r-pill)}.card.selected .card-num{color:var(--accent-ink)}.card-pill{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--r-pill);background:var(--material-strong);box-shadow:var(--shadow-2);border:.5px solid var(--separator);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:pill-in .18s var(--ease)}.card-pill .icon-btn{width:28px;height:28px;border-radius:var(--r-pill)}.card-pill .card-num{color:var(--accent-ink);padding:0 6px}@keyframes pill-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;border-radius:var(--r-md);border:1.5px dashed var(--separator-strong);color:var(--label-2);background:transparent;transition:border-color .15s var(--ease),background .15s var(--ease)}.add-card.dragover,.add-card:hover{border-color:var(--accent);background:var(--accent-tint)}.add-card .plus{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--fill);color:var(--label);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .15s var(--ease)}.add-card .plus:hover{background:var(--accent);color:var(--on-accent)}.add-card .plus:active{transform:scale(.94)}.add-card strong{color:var(--label);font-weight:600;font-size:15px}.add-card p{margin:0;font-size:12px;max-width:22ch}.stage-foot{position:absolute;left:0;right:0;bottom:14px;display:flex;flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;padding:0 16px;pointer-events:none;gap:12px}.stage-foot>*{pointer-events:auto}.foot-tools{display:flex;align-items:center;gap:6px;margin-left:auto}.status{font-size:12px;color:var(--label-2)}.zoom{display:inline-flex;align-items:center;gap:2px;margin-left:auto;padding:2px 4px;border-radius:var(--r-pill);background:var(--material-strong);border:.5px solid var(--separator);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.zoom input[type=range]{width:110px;margin:0 4px}.zoom .icon-btn{width:24px;height:24px;border-radius:var(--r-pill)}.inspector{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--material-strong);border-left:.5px solid var(--separator);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.inspector-head{padding:12px 16px;border-bottom:.5px solid var(--separator)}.inspector-body{flex:1;overflow:auto;padding-bottom:40px}.inspector-title{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px 2px}.inspector-title h3{margin:0;font:600 15px/1.2 var(--font-display);letter-spacing:-.01em}.group{border-bottom:.5px solid var(--separator)}.group:last-child{border-bottom:0}.group-head-wrap,.sub-head{display:flex;align-items:center;gap:8px}.group-head-wrap{padding-right:16px}.disclosure-btn{display:flex;flex:1;min-width:0;align-items:center;gap:7px;border:0;background:none;text-align:left;color:var(--label)}.group-head-wrap .disclosure-btn{padding:12px 0 12px 16px;font-weight:600;font-size:13px}.disclosure-title{flex:none}.summary{flex:1;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:12px;color:var(--label-2)}.changed-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent)}.group-head-wrap .extra,.sub-head .extra{display:inline-flex;flex:none;gap:6px;align-items:center}.chev{flex:none;display:grid;color:var(--label-3);cursor:pointer;transition:transform .2s var(--ease)}.closed>.chev{transform:rotate(-90deg)}.link.reset{opacity:0;transition:opacity .15s var(--ease)}.group:hover>.group-head-wrap .reset,.group:focus-within>.group-head-wrap .reset,.sub:hover>.sub-head .reset,.sub:focus-within>.sub-head .reset{opacity:1}@media (hover: none){.link.reset{opacity:1}}.group-body{display:grid;gap:12px;padding:0 16px 16px}.sub{border-top:.5px solid var(--separator);margin-top:2px}.sub-head .disclosure-btn{padding:10px 0 2px;font-weight:500;font-size:12px}.sub-head .chev{padding-top:8px}.sub-body{display:grid;gap:12px;padding:10px 0 2px}.sub.flash{animation:group-flash 1.4s var(--ease)}.row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-height:28px}.row>.label{color:var(--label-2);font-size:12px}.row-end{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.field{display:grid;gap:6px}.field>.label{color:var(--label-2);font-size:12px}.hint{margin:0;color:var(--label-2);font-size:12px;line-height:1.45}.hint code{font-family:var(--font-mono);font-size:11px;padding:1px 4px;border-radius:var(--r-xs);background:var(--fill)}.hint a,.list-foot a{color:var(--accent-ink);text-underline-offset:2px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stack{display:grid;gap:8px}.hstack{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.input,.textarea{width:100%;min-width:0;border:0;border-radius:var(--r-control);background:var(--fill);padding:6px 9px;color:var(--label);transition:box-shadow .15s var(--ease),background .15s var(--ease)}.input{height:28px}.textarea{resize:vertical;min-height:52px;line-height:1.4;display:block}.input::placeholder,.textarea::placeholder{color:var(--label-2)}.input:focus,.textarea:focus{background:var(--window);box-shadow:0 0 0 3.5px var(--focus)}.textarea.title{font-weight:600;font-size:15px}.seg{display:flex;gap:2px;padding:2px;border-radius:var(--r-control);background:var(--fill)}.seg button{flex:1;min-width:0;height:24px;padding:0 6px;border:0;border-radius:var(--r-sm);background:transparent;font-size:12px;font-weight:500;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s var(--ease)}.seg button:hover:not([aria-pressed=true]):not(:disabled){background:var(--fill-2)}.seg button[aria-pressed=true]{background:var(--thumb);box-shadow:var(--shadow-1);font-weight:600}.seg button:disabled{opacity:.35}.seg.wrap3,.seg.wrap4{display:grid}.seg.wrap3{grid-template-columns:repeat(3,1fr)}.seg.wrap4{grid-template-columns:repeat(4,1fr)}.theme-switch{--half: 26px;position:relative;display:inline-flex;flex:none;padding:2px;border-radius:var(--r-pill);background:var(--fill)}.theme-switch .knob{position:absolute;top:2px;left:2px;width:var(--half);height:var(--half);border-radius:var(--r-pill);background:var(--thumb);box-shadow:var(--shadow-1);transition:transform .45s var(--ease)}.theme-switch button{position:relative;display:grid;place-items:center;width:var(--half);height:var(--half);padding:0;border:0;border-radius:var(--r-pill);background:none;color:var(--label-3);transition:color .15s var(--ease)}.theme-switch button:hover,.theme-switch [data-set-theme=light]{color:var(--label)}:root[data-theme=dark] .theme-switch .knob{transform:translate(var(--half))}:root[data-theme=dark] .theme-switch [data-set-theme=light]:not(:hover){color:var(--label-3)}:root[data-theme=dark] .theme-switch [data-set-theme=dark]{color:var(--label)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-switch .knob{transform:translate(var(--half))}:root:not([data-theme=light]) .theme-switch [data-set-theme=light]:not(:hover){color:var(--label-3)}:root:not([data-theme=light]) .theme-switch [data-set-theme=dark]{color:var(--label)}}.menu-theme{display:none;align-items:center;justify-content:space-between;padding:5px 9px;font-size:13px;color:var(--label)}@media (max-width: 640px){.theme-switch.in-toolbar{display:none}.menu-theme{display:flex}}html.theme-switching *:not(.knob),html.theme-switching *:before,html.theme-switching *:after{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}.seg.large button{height:28px;font-size:13px}.layouts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.layout-tile{display:grid;justify-items:center;gap:4px;padding:8px 2px 6px;border:0;border-radius:var(--r-control);background:var(--fill-2);color:var(--label-2);font-size:11px;font-weight:500;transition:background .15s var(--ease),color .15s var(--ease)}.layout-tile:hover{background:var(--fill);color:var(--label)}.layout-tile[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-ink);box-shadow:inset 0 0 0 1.5px var(--accent)}.badge-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.badge-styles .layout-tile{padding:6px}.badge-thumb{width:100%;max-width:84px;height:auto;aspect-ratio:84 / 52}.label-styles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.label-styles .layout-tile{padding:5px}.label-thumb{width:100%;max-width:64px;height:auto;aspect-ratio:64 / 44}.el-list{display:grid;gap:4px}.el-item{border-radius:var(--r-md);background:var(--fill-2)}.el-item.open{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-tint)}.el-row{display:flex;align-items:center;gap:2px;padding:4px}.el-pick{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:2px;border:0;background:transparent;text-align:left;color:var(--label);border-radius:var(--r-control)}.el-name{display:grid;min-width:0;font-size:12px;line-height:1.3}.el-name strong{font-weight:600}.el-name .muted{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-thumb{display:block;flex:none;border-radius:var(--r-control);box-shadow:inset 0 0 0 .5px var(--separator)}.el-controls{display:grid;gap:10px;padding:6px 10px 12px}.el-picker{display:grid;gap:12px}.el-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.el-tile{display:grid;justify-items:center;gap:4px;padding:6px 2px;border:0;border-radius:var(--r-control);background:var(--fill-2);color:var(--label-2);font-size:11px;font-weight:500;line-height:1.2;text-align:center;transition:background .15s var(--ease),color .15s var(--ease)}.el-tile:hover{background:var(--fill);color:var(--label)}.el-tile .el-thumb{border-radius:var(--r-sm)}.el-search{position:relative;display:flex;align-items:center}.el-search svg{position:absolute;left:9px;color:var(--label-2);pointer-events:none}.el-search .input{width:100%;padding-left:29px}.el-cat{display:grid;gap:6px}.el-cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--label-2);font-size:12px}.el-all,.el-back{display:inline-flex;align-items:center;gap:2px;padding:2px 0;border:0;background:transparent;font-size:12px;font-weight:500;border-radius:var(--r-xs)}.el-all{color:var(--accent-ink)}.el-all:hover{text-decoration:underline;text-underline-offset:2px}.el-back{justify-self:start;gap:4px;color:var(--label);font-weight:600}.el-back:hover{color:var(--accent-ink)}.el-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.el-style{display:grid;place-items:center;padding:4px;border:0;border-radius:var(--r-control);background:var(--fill-2);transition:background .15s var(--ease),box-shadow .15s var(--ease)}.el-style:hover{background:var(--fill)}.el-style[aria-pressed=true]{background:var(--accent-tint);box-shadow:inset 0 0 0 1.5px var(--accent)}.el-style .el-thumb{border-radius:var(--r-sm)}.el-icons{display:grid;gap:8px}.el-topics{display:flex;flex-wrap:wrap;gap:4px}.el-topic{height:22px;padding:0 9px;border:0;border-radius:var(--r-pill);background:var(--fill-2);color:var(--label-2);font-size:11px;font-weight:500}.el-topic:hover{background:var(--fill);color:var(--label)}.el-topic[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent)}.el-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px}.el-icon{display:grid;place-items:center;height:34px;padding:0;border:0;border-radius:var(--r-control);background:var(--fill-2);color:var(--label);transition:background .15s var(--ease)}.el-icon svg{width:19px;height:19px;fill:currentColor}.el-icon:hover{background:var(--fill)}.el-icon[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-ink);box-shadow:inset 0 0 0 1.5px var(--accent)}.el-icon.none{grid-column:span 2;font-size:11px;font-weight:500;color:var(--label-2)}.el-icon-pick{display:inline-flex;align-items:center;gap:6px;max-width:100%}.el-icon-pick svg{width:14px;height:14px;fill:currentColor;flex:none}.el-icon-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-spot{position:relative;width:132px;justify-self:start;overflow:hidden;border-radius:var(--r-md);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 .5px var(--separator)}.el-spot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.el-spot img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.el-spot-mark{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px var(--spot-ring),0 0 0 3px var(--spot-edge),0 2px 8px var(--spot-edge)}.el-spot-mark.square{border-radius:24%}.slider{display:grid;grid-template-columns:92px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:28px}.slider>label{color:var(--label-2);font-size:12px}.slider output{font-size:12px;color:var(--label-2);text-align:right;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;background:transparent;margin:0;--pct: 50%}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-hair);background:linear-gradient(to right,var(--accent) 0 var(--pct),var(--fill-hover) var(--pct) 100%)}input[type=range]::-moz-range-track{height:4px;border-radius:var(--r-hair);background:var(--fill-hover)}input[type=range]::-moz-range-progress{height:4px;border-radius:var(--r-hair);background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 5px #0003;transition:transform .12s var(--ease)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000001f,0 2px 5px #0003}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}input[type=range]:focus-visible{box-shadow:none;outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-pill)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3.5px var(--focus),0 2px 5px #0003}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3.5px var(--focus),0 2px 5px #0003}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;font-size:13px}.toggle>span{color:var(--label)}.toggle input{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:38px;height:22px;margin:0;border-radius:var(--r-pill);background:var(--fill-hover);transition:background .2s var(--ease)}.toggle input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #0000000f,0 2px 4px #0003;transition:transform .2s var(--ease)}.toggle input:checked{background:var(--switch-on)}.toggle input:checked:after{transform:translate(16px)}.toggle input:disabled{opacity:.4}.color{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-height:28px}.color>.label{color:var(--label-2);font-size:12px}.well{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.well input[type=color]{-webkit-appearance:none;appearance:none;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:none;flex:none;box-shadow:inset 0 0 0 .5px #0000002e,0 0 0 .5px var(--separator)}.well input[type=color]::-webkit-color-swatch-wrapper{padding:0}.well input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.well input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.well .hex{width:78px;height:26px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase}.swatches{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.swatch{width:20px;height:20px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 .5px #0003}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 .5px #0003,0 0 0 2px var(--window),0 0 0 4px var(--accent)}.shot{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}.shot-thumb{width:44px;height:76px;border-radius:var(--r-control);background:var(--fill-2) center/cover no-repeat;box-shadow:inset 0 0 0 .5px var(--separator);display:grid;place-items:center;color:var(--label-3)}.shot-thumb.wide{height:44px}.shot-thumb.logo{height:44px;background-color:var(--fill-2);--checker: repeating-conic-gradient(rgba(127, 127, 140, .32) 0% 25%, transparent 0% 50%);background-size:contain,8px 8px;background-repeat:no-repeat,repeat;background-position:center,0 0}.shot-thumb.logo.icon{border-radius:var(--r-control);background-size:cover,8px 8px}.brand-colors{display:grid;gap:8px}.brand-dot.small{width:12px;height:12px}.tpl-brand{padding:2px 4px 10px;max-width:520px}.shot-text{display:grid;gap:1px;min-width:0}.shot-text strong{font-weight:500;font-size:13px}.shot-text span{color:var(--label-2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-text .shot-warn{color:var(--warn)}.shot-actions{display:flex;gap:4px}.shot.active{border-radius:var(--r-control);background:var(--accent-tint);box-shadow:0 0 0 6px var(--accent-tint)}.chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--r-pill);background:var(--fill);color:var(--label-2);font-size:11px;font-weight:600;white-space:nowrap}.chip.ok{background:var(--ok-tint);color:var(--ok)}.chip.warn{background:var(--warn-tint);color:var(--warn)}.chip.accent{background:var(--accent-tint);color:var(--accent-ink)}.overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px 16px;background:var(--scrim);animation:fade-in .2s var(--ease)}.overlay.covered{visibility:hidden}.sheet{width:min(760px,100%);max-height:min(86vh,100%);display:flex;flex-direction:column;overflow:hidden;background:var(--grouped);border-radius:var(--r-sheet);box-shadow:var(--shadow-3);animation:sheet-in .26s var(--ease)}.sheet.wide{width:min(1120px,100%)}.sheet.narrow{width:min(480px,100%)}.sheet-head{display:flex;align-items:flex-start;gap:12px;padding:22px 24px 10px}.sheet-head h2{margin:0;font:700 22px/1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.sheet-head p{margin:6px 0 0;color:var(--label-2);font-size:13px;max-width:62ch}.sheet-close{width:26px;height:26px;border-radius:50%;background:var(--fill);color:var(--label-2)}.sheet-body{overflow:auto;padding:8px 24px 24px;display:grid;gap:20px}.sheet-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 24px;border-top:.5px solid var(--separator);background:var(--material-strong)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.list-title{margin:0 0 6px 12px;font-size:12px;font-weight:600;color:var(--label-2)}.list{background:var(--cell);border-radius:var(--r-md);overflow:hidden}.list-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:8px 14px}.list-row+.list-row:before{content:"";position:absolute;top:0;left:46px;right:0;height:.5px;background:var(--separator)}.list-row.plain+.list-row.plain:before{left:14px}.list-row small{display:block;color:var(--label-2);font-size:12px}.list-row .value{color:var(--label-2);font-size:12px;font-variant-numeric:tabular-nums}label.list-row:hover{background:var(--fill-2)}.list-row.current{background:var(--accent-tint)}.list-row.locked{width:100%;border:0;background:transparent;color:var(--label-2);font:inherit;text-align:left;cursor:pointer}.list-row.locked:hover{background:var(--fill-2)}.list-row.locked>svg{justify-self:center;color:var(--label-3)}.list-foot{margin:6px 12px 0;color:var(--label-2);font-size:12px}.list-foot.warn{color:var(--warn)}.lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.check{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--separator-strong);background:transparent;flex:none;transition:background .15s var(--ease),box-shadow .15s var(--ease)}.check:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6' fill='none' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:none}.progress{height:6px;border-radius:var(--r-hair);background:var(--fill);overflow:hidden}.progress>div{height:100%;border-radius:var(--r-hair);background:var(--accent);transition:width .25s var(--ease)}.notice{padding:12px 14px;border-radius:var(--r-md);background:var(--cell);color:var(--label-2);font-size:13px}.notice.warn{background:var(--warn-tint);color:var(--warn)}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{height:28px;padding:0 12px;border:0;border-radius:var(--r-pill);background:var(--fill);color:var(--label);font-size:12px;font-weight:500;transition:background .15s var(--ease)}.filter:hover{background:var(--fill-hover)}.filter[aria-pressed=true]{background:var(--label);color:var(--window)}.filter .num{color:inherit;opacity:.55;margin-left:4px}.tpl-filter-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.tpl.focus canvas{outline-color:var(--accent)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px 22px}.tpl{display:grid;gap:10px;padding:0;border:0;background:none;text-align:left}.tpl canvas{width:100%;height:auto;display:block;border-radius:var(--r-md);box-shadow:var(--shadow-1);outline:3px solid transparent;outline-offset:3px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),outline-color .2s var(--ease)}.tpl:hover canvas{transform:translateY(-2px);box-shadow:var(--shadow-2)}.tpl[aria-pressed=true] canvas{outline-color:var(--accent)}.tpl-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.tpl-blurb{color:var(--label-2);font-size:12px}.tpl-shown{flex:none}.tpl-shown button{flex:none;padding:0 12px}.tpl-foot-name{font-weight:600;font-size:13px}.tpl-foot-hint{color:var(--label-2);font-size:12px}.caption-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}.caption-item .num{color:var(--label-2);font-size:12px;padding-top:2px}.caption-item b{display:block;font-size:15px;font-weight:600}.caption-item b em{font-style:normal;color:var(--accent-ink)}.caption-item span{color:var(--label-2)}.menu{position:absolute;z-index:30;top:46px;left:10px;width:290px;max-width:calc(100vw - 20px);padding:5px;border-radius:var(--r-md);background:var(--popover);border:.5px solid var(--separator);box-shadow:var(--shadow-3);animation:fade-in .12s var(--ease)}.menu-item{display:flex;width:100%;align-items:center;gap:10px;padding:5px 9px;border:0;border-radius:var(--r-sm);background:none;text-align:left;font-size:13px;color:var(--label)}.menu-item svg{color:var(--label-2);flex:none}.menu-item small{display:block;color:var(--label-2);font-size:11px}.menu-item:hover,.menu-item:focus-visible{background:var(--accent);color:var(--on-accent);box-shadow:none}.menu-item:hover svg,.menu-item:hover small,.menu-item:focus-visible small{color:#ffffffd9}.menu-item.destructive{color:var(--danger)}.menu-item.destructive:hover{background:var(--danger);color:#fff}.menu-sep{height:.5px;background:var(--separator);margin:5px 8px}.menu-label{padding:6px 9px 3px;font-size:11px;font-weight:600;color:var(--label-2)}.menu-confirm{display:grid;gap:8px;padding:8px 9px}.live-note{display:grid;gap:8px;justify-items:start}.menu-note{margin:0;padding:6px 9px 3px;font-size:11px;color:var(--label-2);font-variant-numeric:tabular-nums}.projects-menu{width:296px;max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain}.projects-menu .menu-label{padding-top:4px}.menu-head{display:flex;align-items:center;justify-content:space-between;padding-right:3px}.menu-link{display:inline-flex;align-items:center;gap:2px;padding:3px 6px;border:0;border-radius:var(--r-sm);background:none;color:var(--accent-ink);font-size:12px;font-weight:500}.menu-link:hover,.menu-link:focus-visible{background:var(--fill-2);box-shadow:none}.menu-starts{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:2px 4px 4px}.menu-starts.three{grid-template-columns:repeat(3,1fr)}.menu-start{display:grid;justify-items:center;align-content:center;gap:4px;min-height:56px;padding:8px 4px;border:0;border-radius:var(--r-control);background:var(--fill-2);color:var(--label);font-size:12px;line-height:1.2;text-align:center}.menu-start svg{color:var(--accent-ink)}.menu-start:hover,.menu-start:focus-visible{background:var(--accent);color:var(--on-accent);box-shadow:none}.menu-start:hover svg,.menu-start:focus-visible svg{color:inherit}.menu-item.destructive svg{color:currentColor}.menu-item.recent{padding-top:4px;padding-bottom:4px}.recent-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item:hover svg,.menu-item:focus-visible svg{color:inherit}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;margin-left:4px;padding:0;border:0;border-radius:50%;background:linear-gradient(160deg,var(--accent-hover),var(--accent));color:var(--on-accent);font-size:12px;font-weight:600;box-shadow:inset 0 0 0 .5px #0000001f}.avatar[aria-expanded=true]{box-shadow:0 0 0 3px var(--focus)}.avatar.large{width:36px;height:36px;margin:0;font-size:15px}.menu.right{left:auto;right:10px}.account-menu{width:300px}.account-head{display:flex;align-items:center;gap:10px;padding:8px 9px 10px}.account-who{display:grid;min-width:0}.account-who strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-who small{color:var(--label-2);font-size:12px}.account-who small{display:flex;gap:4px;margin-top:3px}.plan-chip{padding:1px 7px;border-radius:var(--r-pill);background:var(--fill-2);color:var(--label-2);font-size:11px;font-weight:600}.plan-chip.paid{background:var(--accent-tint);color:var(--accent-ink)}.account-menu{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain}.account-menu .menu-key{font-variant-numeric:tabular-nums}.menu-grow{flex:1;min-width:0}.usage-card{display:grid;gap:9px;margin:0 4px 4px;padding:10px 11px;border-radius:var(--r-md);background:var(--fill-2)}.usage-row{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:baseline;font-size:12px;color:var(--label-2)}.usage-value{color:var(--label);font-weight:500;font-variant-numeric:tabular-nums}.usage-row .progress{grid-column:1 / -1;height:4px;background:var(--fill)}.usage-warn{margin:0;color:var(--danger);font-size:12px;line-height:1.4}.usage-upgrade{justify-content:center;gap:6px;width:100%;margin-top:2px}.menu-test{display:grid;gap:6px;padding:2px 4px 6px}.menu-test .menu-label{padding:6px 5px 0}.signin{display:grid;gap:14px;max-width:420px}.input.large{height:38px;font-size:15px;border-radius:var(--r-md);padding:0 12px}.input[aria-invalid=true]{box-shadow:0 0 0 1.5px var(--danger)}.form-error{margin:-6px 0 0;color:var(--danger);font-size:12px}.test-note{margin:0;display:flex;gap:8px;align-items:baseline;color:var(--label-2);font-size:12px;line-height:1.45}.test-note .chip{flex:none}.input.code{font-size:22px;letter-spacing:.18em;font-variant-numeric:tabular-nums}.form-note{margin:-6px 0 0;color:var(--label-2);font-size:12px}.signin-more{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin:-4px -6px 0}.btn.provider{gap:10px;height:38px;border-radius:var(--r-md);background:var(--provider-fill);color:var(--provider-label);box-shadow:inset 0 0 0 1px var(--provider-stroke)}.btn.provider:hover:not(:disabled){background:var(--provider-fill);box-shadow:inset 0 0 0 1px var(--provider-stroke),inset 0 0 0 99px var(--fill-2)}.btn.provider svg{flex:none}.signin-or{display:flex;align-items:center;gap:10px;margin:-2px 0;color:var(--label-2);font-size:12px}.signin-or:before,.signin-or:after{content:"";flex:1;height:1px;background:var(--separator)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;align-items:stretch}.plan{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--r-card);background:var(--cell);box-shadow:inset 0 0 0 .5px var(--separator)}.plan.recommended{box-shadow:inset 0 0 0 2px var(--accent),var(--shadow-2)}.plan header{display:grid;gap:4px}.plan-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-name h3{margin:0;font:600 17px/1.2 var(--font-display);letter-spacing:-.01em}.plan-blurb{margin:0;color:var(--label-2);font-size:12px;min-height:2.9em}.plan-price{display:flex;align-items:baseline;gap:6px}.plan-price strong{font:700 34px/1 var(--font-display);letter-spacing:-.03em}.plan-price span{color:var(--label-2);font-size:13px}.plan-note{margin:-4px 0 4px;color:var(--label-2);font-size:12px}.plan .btn{width:100%}.plan-features{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}.plan-features li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:12px;line-height:1.4}.plan-features svg{color:var(--accent-ink);margin-top:1px}.plan-ends{margin:2px 0 0;padding-top:10px;border-top:1px solid var(--separator);color:var(--label-2);font-size:12px;line-height:1.4}.soon{display:inline-block;margin-left:6px;padding:0 6px;border-radius:var(--r-pill);background:var(--fill);color:var(--label-2);font-size:11px;font-weight:600;line-height:16px;vertical-align:1px}.upsell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-card);background:var(--accent-tint)}.upsell-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.upsell-text{display:grid;gap:2px;min-width:0}.upsell-text strong{font-weight:600}.upsell-text small{color:var(--label-2);font-size:12px}.upsell-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media (max-width: 640px){.upsell{grid-template-columns:auto minmax(0,1fr)}.upsell>.btn,.upsell-actions{grid-column:1 / -1}.upsell-actions .btn{flex:1}}.import-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.import-bar .country select{height:38px;border-radius:var(--r-md)}.import-bar .btn.large{height:38px}.app-row{width:100%;border:0;background:none;text-align:left;cursor:pointer;grid-template-columns:40px minmax(0,1fr) auto}.app-row:hover{background:var(--fill-2)}.list .app-row+.app-row:before{left:66px}.app-icon{width:64px;height:64px;flex:none;border-radius:22.5%;background:var(--fill);box-shadow:inset 0 0 0 .5px var(--separator);object-fit:cover}.app-icon.small{width:40px;height:40px}.app-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:var(--r-card);background:var(--cell)}.app-meta{display:grid;gap:1px;min-width:0}.app-meta strong{font:600 17px/1.25 var(--font-display);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-meta span{color:var(--label-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-strip{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 4px}.store-strip img{height:92px;width:auto;flex:none;border-radius:var(--r-sm);box-shadow:0 0 0 .5px var(--separator)}.store-strip.large{gap:10px}.store-strip.large img{height:280px;border-radius:var(--r-md)}.store-strip.large.wide img{height:180px}.brand-dot{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 .5px #0003;flex:none}.import-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.import-looks canvas{width:100%;height:auto}.start-own{background:var(--material-strong);border:.5px solid var(--separator);box-shadow:var(--shadow-1);color:var(--accent-ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:32px}.start-own:hover:not(:disabled){background:var(--window)}@media (max-width: 760px){.import-bar{grid-template-columns:minmax(0,1fr) auto}.import-bar .country{grid-column:1 / -1;order:3}.import-looks{grid-template-columns:minmax(0,1fr)}.app-card{grid-template-columns:auto minmax(0,1fr)}.app-card .btn{grid-column:1 / -1;justify-self:start}}.preview-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.preview-bar .seg{min-width:200px}.preview-bar .seg.store{min-width:320px}.preview-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start}.preview-device{display:grid;gap:10px;justify-items:center}.preview-sizes{margin:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;color:var(--label-2);font-size:12px}.preview-sizes span{font-weight:600}.preview-sizes .good{color:var(--ok)}.preview-sizes .meh{color:var(--warn)}.preview-sizes .bad{color:var(--danger)}.hint.center{text-align:center;max-width:340px}.mock{--m-bg: #ffffff;--m-fg: #000000;--m-fg-2: #8a8a8e;--m-fill: rgba(118, 118, 128, .12);--m-accent: #007aff;--m-get: #eeeef3;--m-line: rgba(60, 60, 67, .16);--m-ghost: #ececf1;width:390px;max-width:100%;border-radius:52px;padding:11px;background:#1b1b1d;box-shadow:var(--shadow-3)}.mock.dark{--m-bg: #000000;--m-fg: #ffffff;--m-fg-2: #8d8d93;--m-fill: rgba(118, 118, 128, .24);--m-accent: #0a84ff;--m-get: #2c2c2e;--m-line: rgba(84, 84, 88, .6);--m-ghost: #1c1c1e}.mock.android{--m-accent: #01875f;--m-fg-2: #444746;--m-ghost: #eef0ec;border-radius:40px}.mock.android.dark{--m-bg: #131314;--m-fg: #e3e3e3;--m-fg-2: #c4c7c5;--m-accent: #6dd58c;--m-ghost: #1e1f20}.m-screen{position:relative;height:600px;overflow:hidden;border-radius:42px;background:var(--m-bg);color:var(--m-fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em}.mock.android .m-screen{border-radius:30px;font-family:Roboto,Google Sans,-apple-system,Helvetica Neue,Arial,sans-serif;letter-spacing:0}.m-status{display:flex;justify-content:space-between;align-items:center;height:50px;padding:14px 30px 0 34px;font-size:16px;font-weight:600}.m-status-icons{display:inline-flex;gap:6px;align-items:center}.m-search{display:flex;align-items:center;gap:12px;padding:6px 16px 12px}.m-field{flex:1;display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;background:var(--m-fill);font-size:16px;overflow:hidden;white-space:nowrap}.m-field svg{color:var(--m-fg-2);flex:none}.m-cancel{color:var(--m-accent);font-size:16px}.m-result{padding:10px 20px 18px;display:grid;gap:12px;border-bottom:.5px solid var(--m-line)}.m-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.m-icon{display:grid;place-items:center;border-radius:22.5%;background:var(--m-ghost);color:#fff;font-weight:700;object-fit:cover;box-shadow:inset 0 0 0 .5px #0000001f;flex:none}.m-meta{display:grid;gap:2px;min-width:0}.m-meta strong{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-meta>span{color:var(--m-fg-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-meta i{display:block;height:10px;border-radius:5px;background:var(--m-ghost);margin:3px 0}.m-rating{display:inline-flex;align-items:center;gap:4px;font-size:12px}.m-stars{display:inline-flex;gap:1px}.m-star{width:11px;height:11px;background:linear-gradient(90deg,var(--m-fg-2) var(--fill),transparent var(--fill));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z'/%3E%3C/svg%3E") center/contain no-repeat;box-shadow:inset 0 0 0 1px var(--m-fg-2)}.m-get{display:inline-grid;place-items:center;height:30px;padding:0 20px;border-radius:999px;background:var(--m-get);color:var(--m-accent);font-size:15px;font-weight:700}.m-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.m-shots.wide{grid-template-columns:minmax(0,1fr)}.m-shots i{aspect-ratio:1320 / 2868;border-radius:10px;background:var(--m-ghost)}.m-result.ghost{opacity:.9}.thumb{display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:var(--r-md);overflow:hidden;box-shadow:0 0 0 .5px var(--m-line)}.thumb canvas{display:block;width:100%;height:auto}.thumb:hover{box-shadow:0 0 0 2px var(--m-accent)}.m-tabs{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px 26px;background:var(--m-bg);border-top:.5px solid var(--m-line);color:var(--m-fg-2);font-size:10px;text-align:center}.m-tabs span{display:grid;justify-items:center;gap:3px}.m-tabs i{width:24px;height:22px;border-radius:6px;background:currentColor;opacity:.35}.m-tabs .on{color:var(--m-accent)}.m-tabs .on i{opacity:1}.p-bar{display:flex;align-items:center;gap:22px;padding:8px 20px 4px;color:var(--m-fg)}.p-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:14px 24px 8px}.p-head .m-icon{border-radius:20%}.p-meta{display:grid;gap:4px;min-width:0}.p-meta strong{font-size:22px;font-weight:500;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.p-dev{color:var(--m-accent);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-stats{display:flex;padding:6px 24px}.p-stats span{display:grid;justify-items:center;gap:2px;padding:0 18px 0 0;color:var(--m-fg-2);font-size:12px}.p-stats b{color:var(--m-fg);font-size:14px;font-weight:500}.p-install{margin:10px 24px 16px;height:40px;display:grid;place-items:center;border-radius:20px;background:var(--m-accent);color:var(--m-bg);font-size:14px;font-weight:500}.p-shots{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:8px;padding:0 24px;overflow-x:auto;scrollbar-width:none}.p-shots.wide{grid-auto-columns:236px}.p-shots .thumb{border-radius:8px}.p-about{padding:20px 24px;display:grid;gap:8px}.p-about strong{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:500}.p-about p{margin:0;color:var(--m-fg-2);font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.checks{display:grid;gap:12px;align-content:start;min-width:0}.listing{display:grid;gap:10px;padding:14px 16px;border-radius:var(--r-card);background:var(--cell)}.listing-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.listing-head h3{margin:0;font:600 15px/1.25 var(--font-display)}.listing-label{display:flex;justify-content:space-between;gap:8px}.listing-label .count{color:var(--label-2);font-weight:400}.listing-label .count.over{color:var(--danger);font-weight:600}.listing .textarea{min-height:0;resize:vertical}.kw-coverage{display:grid;gap:6px}.kw-chips{display:flex;flex-wrap:wrap;gap:5px}.kw{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-pill);font-size:12px;background:var(--fill-2);color:var(--label-2)}.kw .num{font-size:11px;opacity:.75}.kw.hit{background:var(--ok-tint);color:var(--ok)}.kw.miss{color:var(--label-2);text-decoration:line-through;text-decoration-color:color-mix(in srgb,currentColor 50%,transparent)}.checks-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;border-radius:var(--r-card);background:var(--cell)}.checks-head h3{margin:0;font:600 17px/1.25 var(--font-display)}.checks-head p{margin:4px 0 0;color:var(--label-2);font-size:12px}.checks-dot{width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--switch-on);flex:none}.error>.checks-dot{background:var(--danger)}.warning>.checks-dot{background:var(--warn)}.findings{list-style:none;margin:0;padding:0;display:grid;background:var(--cell);border-radius:var(--r-card);overflow:hidden}.finding{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 14px}.finding+.finding:before{content:"";position:absolute;top:0;left:70px;right:0;height:.5px;background:var(--separator)}.finding-tag{justify-self:start;margin-top:1px;padding:1px 7px;border-radius:var(--r-pill);font-size:11px;font-weight:700;background:var(--fill);color:var(--label-2)}.finding.error .finding-tag{background:#e0352b24;color:var(--danger)}.finding.warning .finding-tag{background:var(--warn-tint);color:var(--warn)}.finding-body{min-width:0}.finding-body strong{font-weight:600}.finding-body p{margin:2px 0 0;color:var(--label-2);font-size:12px}.check-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;border-radius:var(--r-card);background:var(--cell)}.check-line .checks-dot{margin-top:0}@media (max-width: 900px){.preview-grid{grid-template-columns:minmax(0,1fr)}.preview-bar .seg{min-width:0;flex:1}}.variant-banner{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:8px 10px 8px 14px;border-radius:var(--r-card);background:var(--accent-tint);color:var(--label);font-size:12px}.variant-banner>svg{color:var(--accent-ink);flex:none}.variant-banner span{flex:1;min-width:0}.variant-banner.android{background:#01875f1f}.variant-banner.android>svg{color:#01875f}.add-card .include{display:grid;gap:6px;justify-items:center;margin-top:6px;padding-top:10px;border-top:.5px solid var(--separator);width:100%}.add-card .include span{font-size:11px;color:var(--label-2)}.set-row{width:100%;border:0;background:none;text-align:left;cursor:pointer;font-size:13px}.set-row:hover{background:var(--fill-2)}.set-row svg{color:var(--accent-ink)}.set-dot{width:10px;height:10px;border-radius:50%;background:var(--label-3);flex:none}.set-dot.main{background:var(--label)}.set-dot.ios{background:var(--accent)}.set-dot.android{background:#01875f}.kind-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kind{display:grid;gap:3px;align-content:start;padding:10px 12px;border:0;border-radius:var(--r-md);background:var(--cell);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 .5px var(--separator)}.kind strong{font-size:13px;font-weight:600}.kind small{color:var(--label-2);font-size:11px;line-height:1.35}.kind[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-tint)}.variant-note{display:flex;align-items:center;gap:8px;margin:2px 16px 10px;padding:8px 10px;border-radius:var(--r-md);background:var(--accent-tint)}.variant-note .hint{flex:1;color:var(--label)}.store-banner{display:flex;align-items:center;gap:10px;margin:12px 16px 0;padding:8px 10px 8px 14px;border-radius:var(--r-card);background:var(--fill-2);color:var(--label);font-size:12px}.store-banner>svg{flex:none;color:var(--label-2)}.store-banner span{flex:1;min-width:0}.store-banner.own{background:var(--accent-tint)}.store-banner.own>svg{color:var(--accent-ink)}.store-banner.own.android{background:var(--play-tint)}.store-banner.own.android>svg{color:var(--play)}.size-banner{flex-wrap:wrap}.size-banner.own{background:var(--fill);box-shadow:inset 3px 0 0 var(--label)}.size-banner.own>svg{color:var(--label)}.store-banner+.size-banner{margin-top:6px}.store-banner .size-scope{flex:none}.store-banner .size-scope button{flex:none;padding:4px 10px;font-size:12px;white-space:nowrap}.size-banner>.btn{white-space:nowrap}.card-marks{position:absolute;top:8px;left:8px;right:8px;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.card-store{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 8px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0003}.card-store.size{background:var(--hud);color:var(--hud-fg)}.card-store.android{background:var(--play)}.store-note{display:grid;gap:8px;margin:2px 16px 12px;padding:10px 12px;border-radius:var(--r-md);background:var(--fill-2)}.store-note.own{background:var(--accent-tint);box-shadow:inset 3px 0 0 var(--accent)}.store-note.own.android{background:var(--play-tint);box-shadow:inset 3px 0 0 var(--play)}.store-note .store-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--label)}.store-note .store-head svg{color:var(--label-2)}.store-note .seg{width:100%}.store-note .hint{margin:0;color:var(--label-2)}.store-note .store-diff{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.store-note .store-diff .chip{display:inline-flex;align-items:center;gap:4px}.store-note .store-diff .chip button{border:0;background:none;padding:0 0 0 2px;color:inherit;cursor:pointer;font:inherit;opacity:.7}.store-note .store-diff .chip button:hover{opacity:1}.store-note .store-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}@media (max-width: 560px){.kind-list{grid-template-columns:minmax(0,1fr)}}.upd-drop{display:grid;justify-items:center;gap:10px;padding:32px 24px;border-radius:var(--r-card);text-align:center;border:1.5px dashed var(--separator-strong);color:var(--label-2)}.upd-drop.over{border-color:var(--accent);background:var(--accent-tint)}.upd-drop .plus{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--fill);color:var(--label)}.upd-drop strong{color:var(--label);font-size:15px}.upd-drop p{margin:0;max-width:56ch;font-size:12px}.upd-drop code,.upd-skipped code{font-family:var(--font-mono);font-size:11px;padding:1px 4px;border-radius:var(--r-xs);background:var(--fill)}.upd-summary{margin:0;color:var(--label-2);font-size:13px}.upd-summary strong{color:var(--label)}.upd-list{display:grid}.upd-row{position:relative;display:grid;grid-template-columns:22px 44px 16px 44px minmax(0,1fr);gap:10px;align-items:center;padding:10px 14px}.upd-row+.upd-row:before{content:"";position:absolute;top:0;left:46px;right:0;height:.5px;background:var(--separator)}.upd-row>svg{color:var(--label-3)}.upd-row.on>svg{color:var(--accent-ink)}.upd-num{color:var(--label-2);font-size:12px;text-align:right}.upd-thumb{width:44px;height:88px;border-radius:var(--r-control);object-fit:cover;background:var(--fill-2);box-shadow:inset 0 0 0 .5px var(--separator)}.upd-row:not(.on) .upd-thumb:nth-of-type(2){opacity:.45}.upd-meta{display:grid;gap:6px;min-width:0;justify-items:start}.upd-meta strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.upd-meta .popup select{max-width:320px}.upd-chips{display:flex;flex-wrap:wrap;gap:4px}.upd-chips .chip{height:18px;padding:0 6px;font-size:11px}.upd-skipped summary{cursor:pointer;color:var(--label-2);font-size:12px}.upd-skipped ul{margin:8px 0 0;padding-left:18px;color:var(--label-2);font-size:12px;display:grid;gap:4px}.upload-title{display:flex;align-items:center;gap:8px;cursor:pointer}.check.small{width:16px;height:16px;background-size:16px}.list.dim{opacity:.5}.upload-drop{display:grid;justify-items:start;gap:4px;width:100%;padding:14px;border:0;border-radius:0;background:transparent;color:var(--label-2);font:inherit;font-size:12px;line-height:1.45;text-align:left;cursor:pointer}.list-row+.upload-drop{border-top:.5px solid var(--separator)}.upload-drop:hover{background:var(--fill-2)}.upload-drop>svg{color:var(--accent-ink)}.upload-drop strong{color:var(--label);font-size:13px;font-weight:600}.upload-drop span b{color:var(--label);font-weight:600}.upload-form{padding:14px}.list-row .input{width:min(220px,100%)}.list-row .popup{max-width:240px}.upload-safety{background:var(--cell);border-radius:var(--r-md)}.upload-safety>summary{display:flex;align-items:center;gap:8px;padding:11px 14px;list-style:none;cursor:pointer;color:var(--label);font-size:13px;font-weight:600;border-radius:var(--r-md)}.upload-safety>summary::-webkit-details-marker{display:none}.upload-safety>summary>svg:first-child{color:var(--accent-ink)}.upload-safety>summary>svg:last-child{margin-left:auto;color:var(--label-2);transition:transform .2s var(--ease)}.upload-safety[open]>summary>svg:last-child{transform:rotate(180deg)}.upload-safety>summary:hover{background:var(--fill-2)}.upload-safety>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.upload-safety ul{margin:0;padding:4px 14px 12px;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px 24px}.upload-safety li{display:grid;grid-template-columns:16px 1fr;gap:10px;color:var(--label-2);font-size:12px;line-height:1.45}.upload-safety li>svg{color:var(--accent-ink);margin-top:1px}.upload-safety li strong{display:block;color:var(--label);font-size:13px;font-weight:600;margin-bottom:2px}.upload-safety>.hint{padding:0 14px 12px 40px}.upload-guide{border-top:.5px solid var(--separator)}.upload-guide>summary{display:flex;align-items:center;gap:8px;padding:11px 14px;list-style:none;cursor:pointer;color:var(--label);font-size:13px;font-weight:600}.upload-guide>summary::-webkit-details-marker{display:none}.upload-guide>summary>svg:first-child{color:var(--accent-ink)}.upload-guide>summary>svg:last-child{margin-left:auto;color:var(--label-2);transition:transform .2s var(--ease)}.upload-guide[open]>summary>svg:last-child{transform:rotate(180deg)}.upload-guide>summary:hover{background:var(--fill-2)}.upload-guide>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.upload-guide ol{margin:0;padding:0 14px 10px 36px;display:grid;gap:8px;color:var(--label-2);font-size:12px;line-height:1.45}.upload-guide a{color:var(--accent-ink);font-weight:600;text-underline-offset:2px;white-space:nowrap}.upload-guide>.hint{margin:0;padding:0 14px 12px 36px}.upload-skipped{margin:8px 12px 0;padding-left:16px;color:var(--label-2);font-size:12px;display:grid;gap:4px}.upload-help{margin:10px 0 0;padding:12px 14px;border-radius:var(--r-md);background:var(--fill-2);border:.5px solid var(--separator);font-size:13px;color:var(--label);display:grid;gap:8px;justify-items:start}.upload-help p{margin:0}.upload-help ol{margin:0;padding-left:20px;display:grid;gap:4px}.upload-help a{color:var(--accent-ink);text-underline-offset:2px}.upload-help-note{color:var(--label-2);font-size:12px}.toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:grid;gap:8px;z-index:60;justify-items:center;width:max-content;max-width:calc(100vw - 32px)}.toast{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);background:var(--hud);color:var(--hud-fg);font-size:13px;font-weight:500;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toast-in .25s var(--ease)}.toast .dot{width:7px;height:7px;border-radius:50%;background:var(--switch-on);flex:none}.toast.error .dot{background:#ff453a}.toast .toast-act{margin:-5px -10px -5px 2px;padding:5px 10px;border:0;border-radius:var(--r-pill);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;pointer-events:auto}.toast .toast-act:hover,.toast .toast-act:focus-visible{background:color-mix(in srgb,currentColor 16%,transparent);outline:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.boot{display:grid;place-items:center;height:100%;color:var(--label-2)}@media (max-width: 1279px){.hide-md{display:none!important}}@media (max-width: 1139px){.toolbar{grid-template-columns:minmax(0,1fr) auto}.tb-center{grid-column:1 / -1;order:3;justify-content:center;flex-wrap:wrap}}@media (max-width: 1339px){.toolbar:has(.tb-upgrade){grid-template-columns:minmax(0,1fr) auto}.toolbar:has(.tb-upgrade) .tb-center{grid-column:1 / -1;order:3;justify-content:center;flex-wrap:wrap}}@media (max-width: 900px){.app{height:auto;min-height:100%}.toolbar{grid-template-columns:minmax(0,1fr) auto}.tb-center{grid-column:1 / -1;order:3;justify-content:flex-start;flex-wrap:wrap}.main,.main.left{grid-template-columns:minmax(0,1fr)}.main.left .inspector{order:0;border-right:0}.panel-resizer{display:none}.canvas{min-height:64vh;padding:24px 16px 80px}.inspector{border-left:0;border-top:.5px solid var(--separator)}.inspector-body{overflow:visible}.hide-narrow{display:none!important}.doc-title{max-width:46vw}}.show-phone{display:none!important}@media (max-width: 640px){.toasts{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto;pointer-events:none}.hide-phone{display:none!important}.show-phone{display:inline-flex!important}.toolbar{gap:8px;padding:8px 10px}.tb-right{gap:2px}.tb-right>.btn.quiet{padding:0 6px}.canvas{padding-bottom:16px}.stage-foot{position:static;padding-bottom:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.inspector-head .seg button{flex:1 1 auto;padding:0 6px;font-size:12px}.inspector-title .icon-btn{align-self:center}.screen-menu{position:relative;display:flex;align-items:center;gap:6px}.screen-menu .menu{top:30px;left:auto;right:0;width:250px}.split-layout{display:grid;grid-template-columns:minmax(0,auto) minmax(200px,260px);gap:20px;align-items:start}.split-stage{position:relative;height:min(62vh,640px);max-width:100%;justify-self:center;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-shot);touch-action:none;user-select:none}.split-stage img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.split-box{position:absolute;border:2px dashed var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 10%,transparent);cursor:move}.split-box.text{border-color:#ff2d78;background:#ff2d7814}.split-box svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.split-box polygon{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.split-label{position:absolute;left:6px;top:6px;display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px;border-radius:var(--r-sm);background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:600;white-space:nowrap}.split-box.text .split-label{background:#ff2d78}.split-label button{display:grid;place-items:center;width:16px;height:16px;border:0;border-radius:var(--r-xs);background:#ffffff40;color:inherit;cursor:pointer;padding:0}.split-grip{position:absolute;width:12px;height:12px;border-radius:var(--r-hair);background:#fff;border:2px solid var(--accent)}.split-box.text .split-grip{border-color:#ff2d78}.split-grip.nw{left:-7px;top:-7px;cursor:nwse-resize}.split-grip.ne{right:-7px;top:-7px;cursor:nesw-resize}.split-grip.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.split-grip.se{right:-7px;bottom:-7px;cursor:nwse-resize}.split-side{display:grid;gap:12px;align-content:start}@media (max-width: 760px){.split-layout{grid-template-columns:1fr}.split-stage{height:auto;width:100%}}.drag-hint{position:fixed;left:0;top:0;z-index:50;pointer-events:none;white-space:nowrap;font-size:11px;font-weight:500;padding:4px 10px;border-radius:var(--r-pill);background:#141418c7;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shot-hint{position:absolute;left:50%;top:8px;z-index:6;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:500;padding:4px 4px 4px 10px;border-radius:var(--r-pill);background:#141418c7;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shot-hint button{border:0;margin-left:2px;padding:2px 8px;border-radius:var(--r-pill);font:inherit;font-weight:600;background:var(--accent);color:var(--on-accent);cursor:pointer}.home-btn{position:relative;border:0;padding:0;border-radius:var(--r-control);background:transparent;color:var(--label);cursor:pointer;transition:background .15s var(--ease)}.home-btn>svg:not(.logo){display:none}.home-btn:hover,.home-btn:focus-visible{background:var(--fill)}.home-btn:hover .logo,.home-btn:focus-visible .logo{display:none}.home-btn:hover>svg:not(.logo),.home-btn:focus-visible>svg:not(.logo){display:block}.home{height:100%;overflow:auto;background:var(--canvas)}.home-brand{font:700 17px/1 "Archivo",var(--font-display);font-stretch:112%;letter-spacing:0;margin:0 4px 0 2px;white-space:nowrap}.home-back{min-width:0;max-width:280px;padding:0 10px 0 6px}.home-back span{overflow:hidden;text-overflow:ellipsis}.home-main{max-width:1240px;margin:0 auto;padding:32px 32px 64px}.home-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:24px}.home-title h1{margin:0;font:700 28px/1.1 var(--font-display);letter-spacing:-.025em}.home-title p{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:6px 0 0;color:var(--label-2);font-variant-numeric:tabular-nums}.home-title .full{color:var(--warn)}.home-dot{color:var(--label-3)}.home-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.home-search{position:relative;display:flex;align-items:center}.home-search svg{position:absolute;left:9px;color:var(--label-2);pointer-events:none}.home-search .input{width:220px;padding-left:30px}.home-tools .seg button{flex:none;padding:0 10px;overflow:visible}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:22px;align-items:start}.home-section{display:flex;align-items:baseline;gap:8px;margin:44px 0 14px;font:600 17px/1.2 var(--font-display);letter-spacing:-.01em}.home-section small{color:var(--label-2);font:400 13px/1.2 var(--font);letter-spacing:0}.home-empty{margin:8px 0 0;color:var(--label-2)}.home-foot{margin:44px auto 0;max-width:60ch;text-align:center;color:var(--label-2);font-size:12px}.pc{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-sheet);background:var(--cell);box-shadow:0 0 0 .5px var(--separator),var(--shadow-1);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.pc:not(.pc-new):hover{transform:translateY(-2px);box-shadow:0 0 0 .5px var(--separator),var(--shadow-2)}.pc.current{box-shadow:0 0 0 2px var(--accent),var(--shadow-1)}.pc.current:hover{box-shadow:0 0 0 2px var(--accent),var(--shadow-2)}.pc-main{display:grid;gap:14px;width:100%;padding:16px 16px 14px;border:0;border-radius:var(--r-sheet) var(--r-sheet) 0 0;background:none;text-align:left;color:inherit;cursor:pointer}.pc-main:focus-visible{box-shadow:inset 0 0 0 3px var(--focus)}.pc-head{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding-right:30px}.pc-icon{display:block;width:44px;height:44px;border-radius:22.5%;object-fit:cover;box-shadow:inset 0 0 0 .5px var(--separator),0 0 0 .5px var(--separator)}.pc-icon.mono{display:grid;place-items:center;font:700 22px/1 var(--font-display)}.pc-title{display:grid;gap:2px;min-width:0}.pc-title strong{font:600 15px/1.25 var(--font-display);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-title .rename{width:100%;max-width:none;height:26px}.pc-sub{color:var(--label-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-shots{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:7px}.pc-shots>*{display:block;width:100%;aspect-ratio:var(--aspect);border-radius:var(--r-control);object-fit:cover;box-shadow:0 0 0 .5px var(--separator)}.pc-shots.joined{gap:0}.pc-shots.joined>*{border-radius:0}.pc-shots.joined>:first-child{border-radius:var(--r-control) 0 0 var(--r-control)}.pc-shots.joined>:last-child{border-radius:0 var(--r-control) var(--r-control) 0}.pc-shots.joined>:only-child{border-radius:var(--r-control)}.pc-shot-skel{background:linear-gradient(100deg,var(--fill-2) 30%,var(--fill) 50%,var(--fill-2) 70%) 0 0 / 300% 100%;animation:pc-shimmer 1.4s linear infinite}@keyframes pc-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.pc-more{position:absolute;top:14px;right:10px}.pc-menu{top:46px;right:8px;left:auto;width:270px}.pc-foot{display:grid;gap:10px;padding:0 16px 14px}.pc-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border:0;border-radius:var(--r-pill);background:var(--fill-2);color:var(--label-2);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:filter .15s var(--ease)}.pc-status .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.pc-status:disabled{cursor:default;font-weight:500}.pc-status:disabled .dot{opacity:.4}.pc-status.good{background:var(--ok-tint);color:var(--ok)}.pc-status.meh{background:var(--warn-tint);color:var(--warn)}.pc-status.bad{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}.pc-status:hover:not(:disabled){filter:brightness(.96) saturate(1.2)}.pc-when{color:var(--label-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--label-2);font-size:12px;font-variant-numeric:tabular-nums}.pc-meta>span{display:inline-flex;align-items:center;gap:4px}.pc-meta svg{color:var(--label-3)}.pc-meta .warn,.pc-meta .warn svg{color:var(--warn)}.pc-meta .pc-store{padding:1px 7px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 .5px var(--separator-strong);font-size:11px;font-weight:500}.pc-sets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;border-top:.5px solid var(--separator);color:var(--label-2)}.pc-set{max-width:150px;height:22px;padding:0 9px;border:0;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent-ink);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.pc-set.android{background:var(--ok-tint);color:var(--ok)}.pc-set:hover{filter:brightness(.95) saturate(1.2)}.pc-set-more{font-size:12px}.pc-new{align-self:stretch;align-items:center;justify-content:center;gap:10px;min-height:260px;padding:24px 20px;text-align:center;background:transparent;box-shadow:none;border:1.5px dashed var(--separator-strong);color:var(--label-2)}.pc-new.over{border-color:var(--accent);background:var(--accent-tint)}.pc-new .plus{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--fill);color:var(--label)}.pc-new strong{color:var(--label);font:600 15px/1.25 var(--font-display)}.pc-new p{margin:0;font-size:12px}.pc-import{display:flex;gap:6px;width:100%;max-width:320px}.pc-import .input{flex:1;background:var(--cell);box-shadow:inset 0 0 0 .5px var(--separator)}.pc-import .btn{height:28px}.pc-new-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}@media (min-width: 720px){.pc-new.first{grid-column:span 2}}@media (max-width: 640px){.home-main{padding:20px 16px 48px}.home-tools,.home-search,.home-search .input{width:100%}.home-back{max-width:40vw}}.pc.menu-open{z-index:5}.settings{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:start;min-height:320px}.settings-nav{display:grid;gap:2px;position:sticky;top:0}.settings-nav button{height:30px;padding:0 10px;border:0;border-radius:var(--r-sm);background:none;text-align:left;font-size:13px;color:var(--label)}.settings-nav button:hover{background:var(--fill)}.settings-nav button[aria-current=page]{background:var(--accent-tint);color:var(--accent-ink);font-weight:600}.settings-pane{display:grid;gap:14px;align-content:start;min-width:0}.settings-group{display:grid;gap:10px;justify-items:start}.settings-group>.seg{width:min(320px,100%)}.settings-text{margin:0;color:var(--label-2);font-size:13px}.settings-actions{gap:8px}.sheet:has(>.sheet-body>.settings){height:min(640px,86vh)}.sheet:has(>.sheet-body>.settings)>.sheet-body{flex:1;align-content:start}.settings .list-row{grid-template-columns:minmax(0,1fr) auto}.settings .list-row .value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48vw}.list-row.link-row{width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.list-row.link-row:hover{background:var(--fill-2)}button.menu-note{display:block;width:100%;border:0;background:none;text-align:left;cursor:pointer}button.menu-note:hover{color:var(--label-2)}@media (max-width: 640px){.settings{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}.settings-nav{display:flex;flex-wrap:wrap;gap:6px;position:static}.settings-nav button{background:var(--fill)}}.settings-confirm{display:grid;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--cell)}.settings-confirm p{margin:0;font-size:13px}.settings-confirm label{font-size:13px}.list-row small.warn-text{color:var(--warn)}.list-row.usage-line{row-gap:6px}.usage-line .progress{grid-column:1 / -1;height:4px}.usage-line .progress.full>div,.usage-row .progress.full>div{background:var(--warn)}.plan-features{display:grid;gap:6px;margin:0;padding:0 12px;list-style:none;font-size:13px}.plan-features li{display:flex;align-items:center;gap:8px}.plan-features svg{flex:none;color:var(--accent-ink)}.next-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.next-plan{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px 14px 16px;border-radius:var(--r-card);background:var(--cell);box-shadow:inset 0 0 0 .5px var(--separator)}.next-plan.main{box-shadow:inset 0 0 0 1.5px var(--accent-tint)}.next-plan p{margin:0}.next-plan .plan-features{flex:1;align-content:start;padding:0}.next-plan .plan-features li{align-items:flex-start}.next-plan .plan-features svg{margin-top:2px}.next-plan-head{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:12px;font-size:15px}.next-plan-head span{color:var(--label-2);font-size:13px}.next-plan-head b{color:var(--label);font-size:17px}.btn.primary.destructive-fill{background:var(--danger-fill);color:var(--on-danger-fill)}.btn.primary.destructive-fill:hover:not(:disabled){background:var(--danger-fill);filter:brightness(1.08)}.settings-test{display:grid;gap:6px;padding-top:6px;border-top:.5px solid var(--separator)}.settings-test .menu-label{padding:0}.settings-points{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px;color:var(--label)}.settings-danger{padding-top:10px;border-top:.5px solid var(--separator)}.caption-edit{position:absolute;z-index:3;margin:0;padding:0;white-space:pre-wrap;overflow-wrap:normal;word-break:normal;letter-spacing:0;font-kerning:normal;cursor:text;caret-color:var(--accent);outline:1.5px solid var(--accent);outline-offset:5px;border-radius:var(--r-hair)}.caption-edit::selection,.caption-edit *::selection{background:#007aff52}.caption-bar{position:fixed;z-index:60;display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-card);background:var(--window);border:.5px solid var(--separator);box-shadow:var(--shadow-3);color:var(--label);font-size:12px;white-space:nowrap;animation:pill-in .16s var(--ease)}.cb-wrap{position:relative;display:inline-flex}.cb-sep{width:.5px;height:20px;margin:0 3px;background:var(--separator);flex:none}.cb-btn,.cb-icon{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;border:0;border-radius:var(--r-control);background:transparent;color:var(--label);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.cb-btn{padding:0 8px}.cb-btn svg{color:var(--label-3);flex:none}.cb-icon{width:30px;padding:0}.cb-btn:hover:not(:disabled),.cb-icon:hover:not(:disabled),.cb-btn[aria-expanded=true],.cb-icon[aria-expanded=true]{background:var(--fill)}.cb-icon:disabled{opacity:.3;cursor:default}.cb-icon[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-ink)}.cb-font span{max-width:132px;overflow:hidden;text-overflow:ellipsis;font-size:15px}.cb-size{display:inline-flex;align-items:center;gap:1px}.cb-size .cb-icon{width:26px}.cb-num{width:40px;height:26px;padding:0;border:0;border-radius:var(--r-sm);background:var(--fill-2);color:var(--label);text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.cb-num:focus{outline:2px solid var(--focus);background:var(--cell)}.cb-size.own .cb-num{color:var(--accent-ink);font-weight:600}.cb-scope{font-size:11px;color:var(--label-2)}.cb-max{padding:0 4px;font-size:11px;color:var(--label-2);cursor:help}.cb-scope[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-ink)}.cb-scope[aria-pressed=true]:hover{background:var(--accent-tint)}.cb-letter{font-weight:700;font-size:15px;line-height:1;padding-bottom:1px;border-bottom:3px solid var(--swatch);border-radius:var(--r-hair)}.cb-split .cb-mark{border-radius:var(--r-control) 0 0 var(--r-control)}.cb-split .cb-more{width:16px;border-radius:0 var(--r-control) var(--r-control) 0;color:var(--label-3)}.cb-split .cb-mark:only-child{border-radius:var(--r-control)}.cb-case{font-size:11px;font-weight:700;letter-spacing:.04em}.cb-plain{color:var(--accent-ink);font-weight:500}.cb-done{color:var(--accent-ink)}.cb-pop{position:absolute;z-index:1;top:calc(100% + 8px);left:0;min-width:190px;max-height:min(340px,60vh);overflow:auto;padding:5px;border-radius:var(--r-md);background:var(--window);border:.5px solid var(--separator);box-shadow:var(--shadow-3);animation:fade-in .12s var(--ease)}.cb-pop.wide{width:248px}.cb-fonts{width:230px}.cb-choice{display:flex;width:100%;align-items:center;gap:6px;min-height:30px;padding:4px 8px 4px 4px;border:0;border-radius:var(--r-sm);background:none;text-align:left;font-size:13px;color:var(--label);cursor:pointer}.cb-choice:hover,.cb-choice:focus-visible{background:var(--accent);color:var(--on-accent)}.cb-tick{width:16px;display:inline-grid;place-items:center;flex:none;color:var(--accent-ink)}.cb-choice:hover .cb-tick{color:var(--on-accent)}.cb-link{color:var(--accent-ink)}.cb-colour-row{display:grid;gap:7px;padding:6px 8px}.cb-colour-label{font-size:11px;font-weight:600;color:var(--label-2)}.cb-colour-row .swatches{justify-content:flex-start}.cb-colour-row .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--window),0 0 0 3.5px var(--accent)}.cb-custom{position:relative;overflow:hidden;cursor:pointer;background:conic-gradient(#ff5e5e,#ffd23f,#3ec16a,#3ec1d3,#5b6cff,#c45bff,#ff5e5e)}.cb-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cb-note{margin:2px 8px 4px;font-size:11px;color:var(--label-2);white-space:normal}.group.flash{animation:group-flash 1.4s var(--ease)}@keyframes group-flash{0%,40%{background:var(--accent-tint)}to{background:transparent}}@media (prefers-reduced-motion: reduce){.caption-bar,.cb-pop,.group.flash{animation:none}}.brand-sum{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;max-width:100%}.sum-dot{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 .5px var(--separator)}.menu-item:disabled{color:var(--label-3);background:none;cursor:default}.menu-item:disabled .menu-key{color:var(--label-3)}.tb-pop{position:relative;display:inline-flex;min-width:0}.tb-pop-btn{display:inline-flex;align-items:center;gap:7px;height:28px;max-width:230px;min-width:0;padding:0 9px;border:0;border-radius:var(--r-control);background:var(--fill);color:var(--label);font-weight:500}.tb-pop-btn:hover,.tb-pop-btn[aria-expanded=true]{background:var(--fill-hover)}.tb-pop-btn>svg{flex:none;color:var(--label-2)}.tb-pop-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-pop-count{margin-left:2px;color:var(--warn);font-variant-numeric:tabular-nums}.tb-pop-panel{position:absolute;z-index:30;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:340px;max-width:calc(100vw - 20px);max-height:calc(100vh - 90px);overflow:auto;padding-bottom:8px;border-radius:var(--r-card);background:var(--popover);border:.5px solid var(--separator);box-shadow:var(--shadow-3);animation:fade-in .12s var(--ease)}@media (max-width: 900px){.tb-pop-panel{left:0;transform:none}}@media (max-width: 640px){.tb-pop{position:static}.tb-pop-panel{left:10px;right:10px;width:auto;max-width:none}}