:root{--canvas: #e8e8ed;--window: #ffffff;--material: rgba(246, 246, 248, .8);--material-strong: rgba(250, 250, 252, .9);--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: #6e6e73;--label-3: #8e8e93;--accent: #007aff;--accent-hover: #0068da;--accent-tint: rgba(0, 122, 255, .11);--focus: rgba(0, 122, 255, .32);--on-accent: #ffffff;--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;--hud: rgba(28, 28, 30, .84);--hud-fg: #ffffff;--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-control: 8px;--r-card: 12px;--r-sheet: 16px;--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);--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;--accent: #0a84ff;--accent-hover: #3d9bff;--accent-tint: rgba(10, 132, 255, .2);--focus: rgba(10, 132, 255, .45);--on-accent: #ffffff;--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;--hud: rgba(58, 58, 62, .88);--hud-fg: #ffffff;--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);--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;--accent: #0a84ff;--accent-hover: #3d9bff;--accent-tint: rgba(10, 132, 255, .2);--focus: rgba(10, 132, 255, .45);--on-accent: #ffffff;--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;--hud: rgba(58, 58, 62, .88);--hud-fg: #ffffff;--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(0,1fr) auto minmax(0,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:999px;padding:0 14px}.btn.plain{background:transparent;color:var(--accent);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:6px}.btn.large{height:34px;padding:0 18px;font-size:14px}.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);font-weight:500;font-size:12.5px;cursor:pointer}.link:hover{text-decoration:underline}.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{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}.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:10px;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:10px 0 0 10px}.strip.tight .card.last .card-canvas{border-radius:0 10px 10px 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)}.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}.style-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.multi-note{display:grid;gap:8px;margin:0 16px 12px;padding:10px 12px;border-radius:10px;background:var(--accent-tint)}.multi-note .btn{justify-self:start}.shortcuts{display:grid;gap:16px}.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:6px;background:var(--fill-2);box-shadow:inset 0 -1px 0 var(--separator);white-space:nowrap}.menu-key{margin-left:auto;color:var(--label-3);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-3);font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:999px}.card.selected .card-num{color:var(--accent)}.card-pill{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;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:999px}.card-pill .card-num{color:var(--accent);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:10px;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;border-radius:50%;background:var(--fill);color:var(--label)}.add-card strong{color:var(--label);font-weight:600;font-size:14px}.add-card p{margin:0;font-size:12px;max-width:22ch}.stage-foot{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;pointer-events:none;gap:12px}.stage-foot>*{pointer-events:auto}.status{font-size:12px;color:var(--label-2)}.zoom{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border-radius:999px;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:999px}.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{display:flex;width:100%;align-items:center;gap:8px;padding:12px 16px;border:0;background:none;font-weight:600;font-size:13px;text-align:left;color:var(--label)}.group-head .chev{margin-left:auto;color:var(--label-3);transition:transform .2s var(--ease)}.group-head[aria-expanded=false] .chev{transform:rotate(-90deg)}.group-head-wrap{position:relative}.group-head-wrap .extra{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:inline-flex;gap:6px;align-items:center}.group-body{display:grid;gap:12px;padding:0 16px 16px}.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:12.5px}.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:12.5px}.hint{margin:0;color:var(--label-2);font-size:12px;line-height:1.45}.hint code{font-family:var(--font-mono);font-size:11.5px;padding:1px 4px;border-radius:4px;background:var(--fill)}.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:7px;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-3)}.input:focus,.textarea:focus{background:var(--window);box-shadow:0 0 0 3.5px var(--focus)}.textarea.title{font-weight:600;font-size:14px}.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:6px;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)}.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:10.5px;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);box-shadow:inset 0 0 0 1.5px var(--accent)}.el-list{display:grid;gap:4px}.el-item{border-radius:10px;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:8px}.el-name{display:grid;min-width:0;font-size:12.5px;line-height:1.3}.el-name strong{font-weight:600}.el-name .muted{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-thumb{display:block;flex:none;border-radius:7px;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:10.5px;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:6px}.slider{display:grid;grid-template-columns:92px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:28px}.slider>span:first-child{color:var(--label-2);font-size:12.5px}.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:2px;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:2px;background:var(--fill-hover)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;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}input[type=range]:focus-visible::-webkit-slider-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:11px;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:12.5px}.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:11.5px;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:8px;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:8px;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:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-actions{display:flex;gap:4px}.chip{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;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)}.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)}.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:10px;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:12.5px;font-variant-numeric:tabular-nums}label.list-row:hover{background:var(--fill-2)}.list-row.current{background:var(--accent-tint)}.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='white' 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:3px;background:var(--fill);overflow:hidden}.progress>div{height:100%;border-radius:3px;background:var(--accent);transition:width .25s var(--ease)}.notice{padding:12px 14px;border-radius:10px;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:999px;background:var(--fill);color:var(--label);font-size:12.5px;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:10px;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}.caption-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}.caption-item .num{color:var(--label-3);font-size:12px;padding-top:2px}.caption-item b{display:block;font-size:14px;font-weight:600}.caption-item b em{font-style:normal;color:var(--accent)}.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:10px;background:var(--material-strong);border:.5px solid var(--separator);box-shadow:var(--shadow-3);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);animation:fade-in .12s var(--ease)}.menu-item{display:flex;width:100%;align-items:center;gap:10px;padding:5px 9px;border:0;border-radius:6px;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:11.5px}.menu-item:hover,.menu-item:focus-visible{background:var(--accent);color:#fff;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-3)}.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-3);font-variant-numeric:tabular-nums}.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,#8e8ef0,var(--accent));color:#fff;font-size:12.5px;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}.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:9px;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:12.5px}.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}.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:14px;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:12.5px;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:12.5px;line-height:1.4}.plan-features svg{color:var(--accent);margin-top:1px}.soon{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--fill);color:var(--label-2);font-size:10.5px;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:12px;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}@media (max-width: 640px){.upsell{grid-template-columns:auto minmax(0,1fr)}.upsell .btn{grid-column:1 / -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:9px}.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:12px;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:12.5px;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:6px;box-shadow:0 0 0 .5px var(--separator)}.store-strip.large{gap:10px}.store-strip.large img{height:280px;border-radius:10px}.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);-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:10px;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:12px;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-3);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:999px;font-size:12px;background:var(--fill-2);color:var(--label-2)}.kw .num{font-size:10.5px;opacity:.75}.kw.hit{background:var(--ok-tint);color:var(--ok)}.kw.miss{color:var(--label-3);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:12px;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:12.5px}.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:12px;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:999px;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:12.5px}.check-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;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:12px;background:var(--accent-tint);color:var(--label);font-size:12.5px}.variant-banner>svg{color:var(--accent);flex:none}.variant-banner span{flex:1;min-width:0}.variant-banner.android{background:#01875f1f}.variant-banner.android>svg{color:#01875f}.set-popup select{max-width:200px}.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:11.5px;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)}.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:10px;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:11.5px;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:9px;background:var(--accent-tint)}.variant-note .hint{flex:1;color:var(--label)}@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:14px;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:12.5px}.upd-drop code,.upd-skipped code{font-family:var(--font-mono);font-size:11.5px;padding:1px 4px;border-radius:4px;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)}.upd-num{color:var(--label-3);font-size:12px;text-align:right}.upd-thumb{width:44px;height:88px;border-radius:7px;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:10.5px}.upd-skipped summary{cursor:pointer;color:var(--label-2);font-size:12.5px}.upd-skipped ul{margin:8px 0 0;padding-left:18px;color:var(--label-2);font-size:12px;display:grid;gap:4px}.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:999px;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}@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: 1080px){.hide-md{display:none!important}}@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{grid-template-columns:minmax(0,1fr)}.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}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.inspector-head .seg button{padding:0 2px;font-size:12.5px}.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:10px;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:6px;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:6px;background:var(--accent);color:#fff;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:4px;background:#ffffff40;color:inherit;cursor:pointer;padding:0}.split-grip{position:absolute;width:12px;height:12px;border-radius:3px;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:999px;background:#141418c7;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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:600 14px/1 var(--font-display);letter-spacing:-.01em;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-3);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-3);font-size:12px}.pc{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:16px;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:16px 16px 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 20px/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:12.5px;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:8px;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:8px 0 0 8px}.pc-shots.joined>:last-child{border-radius:0 8px 8px 0}.pc-shots.joined>:only-child{border-radius:8px}.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:999px;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-3);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:999px;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-3)}.pc-set{max-width:150px;height:22px;padding:0 9px;border:0;border-radius:999px;background:var(--accent-tint);color:var(--accent);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}