.fav__split{--studio-rail:326px}.fav__stage{min-width:0}.fav__stagebar,.fav__installhead,.fav__codehead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.fav__switch{border:1px solid var(--border-input);background:var(--surface-inset);border-radius:9px;align-items:center;padding:3px;display:inline-flex}.fav__switch button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:.75rem;font-weight:600}.fav__switch button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.fav__switch button:disabled{opacity:.5;cursor:default}.fav__stage>.filedrop{min-height:440px}.fav__editgrid{grid-template-columns:1.15fr 1fr;gap:12px;display:grid}.fav__artboard,.fav__pixelboard{color-scheme:light;border:1px solid var(--border);background:var(--bg-subtle);border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:17px;min-width:0;padding:20px 12px 14px;display:flex}.fav__artboard{background-color:var(--surface);background-image:repeating-conic-gradient(var(--surface-inset) 0% 25%, transparent 0% 50%);background-size:20px 20px}.fav__boardlabel{color:var(--text-subtle);font:600 .625rem/1.3 var(--font-mono);letter-spacing:.11em;text-align:center}.fav__artboard canvas{aspect-ratio:1;cursor:grab;touch-action:none;width:min(192px,100%);height:auto}.fav__artboard canvas:active{cursor:grabbing}.fav__pixelboard canvas{aspect-ratio:1;width:min(160px,100%);height:auto;image-rendering:pixelated}.fav__boardhint{color:var(--text-muted);text-align:center;font-size:.6875rem}.fav__review{border-left:2px solid var(--accent);color:var(--text-muted);margin:14px 0 20px;padding-left:11px;font-size:.8125rem;line-height:1.5}.fav__tabs-preview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fav__browser{border:1px solid var(--border-input);background:var(--bg-subtle);color:var(--text);border-radius:10px;padding:13px 12px 10px;overflow:hidden}.fav__browser--light{color-scheme:light}.fav__browser--dark{color-scheme:dark}.fav__browser-label{color:var(--text-muted);font:600 .625rem/1 var(--font-mono);letter-spacing:.1em;margin-bottom:12px;display:block}.fav__tab{background:var(--surface);border-radius:8px 8px 0 0;align-items:center;gap:9px;min-width:0;padding:11px 10px;font-size:.75rem;display:flex}.fav__tab>canvas{flex-shrink:0;width:16px;height:16px}.fav__tab>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fav__tab>span:last-child{color:var(--text-muted);font-size:1rem}.fav__address{border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:0 0 5px 5px;align-items:center;gap:8px;padding:9px 10px;font-size:.625rem;display:flex}.fav__sizes{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 0 20px;display:flex}.fav__sizes>div{max-width:90px}.fav__sizes p{color:var(--text-subtle);margin:5px 0 0;font-size:.6875rem}.fav__sizes figure{flex-direction:column;align-items:center;gap:9px;margin:0;display:flex}.fav__sizes figure>div{place-items:center;min-height:96px;display:grid}.fav__sizes canvas{max-width:none;display:block}.fav__sizes figcaption{color:var(--text-muted);font:500 .6875rem/1.4 var(--font-mono)}.fav__apps{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;display:grid}.fav__apple,.fav__mask{align-items:center;gap:12px;display:flex}.fav__apple canvas{width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:15px;flex-shrink:0}.fav__apps strong{font-size:.75rem;font-weight:650}.fav__apps p,.fav__apps small{color:var(--text-muted);margin:5px 0 0;font-size:.6875rem;line-height:1.5;display:block}.fav__mask-image{flex:0 0 72px;width:72px;height:72px;position:relative}.fav__mask-image canvas{border-radius:50%;width:72px;height:72px;display:block}.fav__safe{border:1px dashed var(--text-muted);pointer-events:none;border-radius:50%;position:absolute;inset:10%}.fav__fine{color:var(--text-subtle);margin:12px 0 0;font-size:.6875rem;line-height:1.6}.fav__modes{border:1px solid var(--border-input);background:var(--surface-inset);border-radius:9px;grid-template-columns:repeat(3,1fr);gap:4px;margin:0;padding:4px;display:grid}.fav__modes label{cursor:pointer;position:relative}.fav__modes input{opacity:0;width:1px;height:1px;position:absolute}.fav__modes span{text-align:center;color:var(--text-muted);border-radius:5px;padding:8px 4px;font-size:.75rem;font-weight:600;display:block}.fav__modes input:checked+span{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.fav__modes input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.fav__source-note{color:var(--text-muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:.75rem;line-height:1.5}.fav__label{color:var(--text-muted);margin:13px 0 5px;font-size:.75rem;font-weight:600;display:block}.fav__initials{font-family:var(--font-display);text-align:center;font-size:1.75rem;font-weight:650}.fav__emojis{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.fav__emoji{border:1px solid var(--border-input);background:var(--surface);cursor:pointer;border-radius:6px;place-items:center;width:30px;height:32px;padding:0;font-size:1.125rem;display:grid}.fav__row{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.fav__row>label{color:var(--text-muted);font-size:.75rem;font-weight:600}.fav__row .select{max-width:170px;font-size:.75rem}.fav__range{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:16px 0;display:grid}.fav__range>label{color:var(--text-muted);font-size:.75rem;font-weight:600}.fav__range>output{color:var(--text);font:500 .6875rem/1 var(--font-mono)}.fav__range>input{width:100%;accent-color:var(--accent);grid-column:1/-1;margin:2px 0}.fav__check{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;margin:11px 0;font-size:.75rem;line-height:1.4;display:flex}.fav__check>input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin:0}.fav__apps .fav__check{margin:5px 0 0;font-size:.6875rem}.fav__colours{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.fav__colours>label{color:var(--text-muted);flex-direction:column;gap:7px;font-size:.6875rem;display:flex}.fav input[type=color]{border:1px solid var(--border-input);background:var(--surface);cursor:pointer;border-radius:6px;width:100%;height:34px;padding:4px}.fav__details{border-top:1px solid var(--border);margin-top:16px}.fav__details>summary{color:var(--text-muted);cursor:pointer;padding-block:13px 0;font-size:.75rem;font-weight:600}.fav__quiet{color:var(--text-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;text-decoration:underline}.fav__path{font-family:var(--font-mono);font-size:.8125rem}.fav__message{color:var(--text-muted);margin:12px 0 0;font-size:.8125rem;line-height:1.5}.fav__message:empty{display:none}.fav__message[data-error=true]{color:var(--danger)}.fav__installhead h3{font:650 1.35rem/1.2 var(--font-display);letter-spacing:-.025em;margin:5px 0 0}.fav__count{border:1px solid var(--border);color:var(--text-muted);font:600 .6875rem/1.4 var(--font-mono);border-radius:6px;padding:5px 9px}.fav__files{grid-template-columns:1fr 1fr;gap:6px;margin:15px 0 24px;display:grid}.fav__file{text-align:left;border:1px solid var(--border-input);background:var(--surface);cursor:pointer;border-radius:7px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.fav__file[aria-pressed=true]{outline:1px solid var(--text);outline-offset:-2px;background:var(--bg-subtle)}.fav__filetype{background:var(--surface-inset);height:31px;color:var(--text-muted);font:600 .5625rem/1 var(--font-mono);border-radius:5px;flex:0 0 29px;place-items:center;display:grid}.fav__filetext{min-width:0;display:block}.fav__file strong{color:var(--text);font:500 .625rem/1.5 var(--font-mono);overflow-wrap:anywhere;display:block}.fav__file small{color:var(--text-subtle);margin-top:2px;font-size:.625rem;display:block}.fav__codehead{align-items:center;margin:0}.fav__codehead .select{max-width:200px;font-size:.75rem}.fav__install-note{color:var(--text-muted);margin:12px 0;font-size:.8125rem;line-height:1.5}.fav__code{border:1px solid var(--border);background:var(--surface-inset);max-height:410px;color:var(--text);font:400 .6875rem/1.8 var(--font-mono);white-space:pre;border-radius:9px;margin:0;padding:16px;overflow:auto}.fav [hidden]{display:none!important}@container studio (width<=1050px){.fav__apps{grid-template-columns:1fr}.fav__sizes>div{flex-basis:100%;max-width:none}.fav__sizes figure>div{min-height:60px}}@container studio (width<=620px){.fav__stagebar>.studio-eyebrow{font-size:.5625rem}.fav__stagebar{gap:8px}.fav__switch button{padding-inline:8px}.fav__stage>.filedrop{min-height:300px}.fav__editgrid{gap:8px}.fav__artboard,.fav__pixelboard{gap:14px;padding:14px 9px 10px}.fav__boardlabel{letter-spacing:.06em;font-size:.5rem}.fav__boardhint{font-size:.5625rem}.fav__tabs-preview{gap:8px}.fav__browser{padding:10px 7px 7px}.fav__tab{gap:6px;padding:9px 7px;font-size:.625rem}.fav__sizes{justify-content:space-around}.fav__sizes figure>div{min-height:96px}.fav__apps{grid-template-columns:1fr 1fr;gap:12px}.fav__apple,.fav__mask{flex-direction:column;align-items:flex-start}.fav__files{gap:5px}.fav__file{gap:7px;padding:9px 7px}.fav__filetype{flex-basis:23px;font-size:.5rem}.fav__file strong{font-size:.5625rem}}.tm-favicon__source{transform-origin:68px 90px;animation:8s infinite fav-source}.tm-favicon__arrow{animation:8s infinite fav-arrow}.tm-favicon__tab{animation:8s infinite fav-tab}.tm-favicon__app{animation:8s infinite fav-app}.tm-favicon__file{animation:8s infinite fav-file}@keyframes fav-source{0%,12%{opacity:0;transform:translateY(10px)scale(.92)}23%,88%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes fav-arrow{0%,23%{opacity:0;transform:translate(-5px)}34%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes fav-tab{0%,33%{opacity:0;transform:translateY(7px)}45%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes fav-app{0%,45%{opacity:0;transform:translateY(7px)}57%,88%{opacity:1;transform:none}to{opacity:0}}@keyframes fav-file{0%,57%{opacity:0;transform:translateY(7px)}69%,88%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tm-favicon__source,.tm-favicon__arrow,.tm-favicon__tab,.tm-favicon__app,.tm-favicon__file{animation:none}}