body.am-sf-app{overflow:hidden}
body.am-sf-app .site-main,body.am-sf-app .site-footer{display:none}
body.am-sf-app .am-sf{position:fixed;inset:0;z-index:5;height:auto;min-height:0;border:0;grid-template-rows:minmax(0,1fr)}
body.am-sf-app .am-sf__panel{padding-top:64px}
@media (max-width:62rem){body.am-sf-app .am-sf{overflow-y:auto;grid-template-rows:none}body.am-sf-app .am-sf__panel{padding-top:0}}
.am-sf{display:grid;grid-template-columns:minmax(0,1fr) 23rem;height:min(88svh,880px);min-height:560px;background:#000;color:var(--ink,#f2f2f0);border-top:1px solid var(--line,#262626);border-bottom:1px solid var(--line,#262626)}
.am-sf__stage{position:relative;min-width:0;border-right:1px solid var(--line,#262626);overflow:hidden}
.am-sf__stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.am-sf__tag{position:absolute;top:var(--space-3,16px);left:var(--space-3,16px);margin:0;pointer-events:none}
.am-sf__views{position:absolute;top:var(--space-3,16px);right:var(--space-3,16px);display:flex;gap:6px}
.am-sf__status{position:absolute;left:var(--space-3,16px);bottom:var(--space-3,16px);right:var(--space-3,16px);margin:0;pointer-events:none;font:400 11px/16px var(--font-mono,ui-monospace,monospace);color:var(--ink-muted,#8a8a88);letter-spacing:.06em}
.am-sf__status b{color:#d6b25a;font-weight:400}
.am-sf .am-btn{padding:8px 12px;font:400 11px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;background:#000;color:var(--ink-soft,#c6c6c4);border:1px solid var(--line-strong,#3a3a3a);cursor:pointer;border-radius:0}
.am-sf .am-btn:hover{color:var(--ink,#f2f2f0);border-color:var(--ink-muted,#8a8a88)}
.am-sf .am-btn[aria-pressed=true]{color:var(--ink,#f2f2f0);border-color:#d6b25a}
.am-sf__panel{min-height:0;overflow:auto;font:400 11px/16px var(--font-mono,ui-monospace,monospace);color:var(--ink-soft,#c6c6c4);overscroll-behavior:contain}
.am-sf__tabs{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:0;z-index:2;background:#000;border-bottom:1px solid var(--line,#262626)}
.am-sf__tab{background:#000;border:0;color:var(--ink-muted,#8a8a88);padding:15px 10px;font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.am-sf__tab+.am-sf__tab{border-left:1px solid var(--line,#262626)}
.am-sf__tab[aria-selected=true]{color:var(--ink,#f2f2f0);box-shadow:inset 0 -1px 0 #d6b25a}
.am-sf details{border-bottom:1px solid var(--line,#262626)}
.am-sf summary{padding:12px 16px;cursor:pointer;list-style:none;color:var(--ink-muted,#8a8a88);letter-spacing:.14em;text-transform:uppercase;font-size:10px}
.am-sf summary::-webkit-details-marker{display:none}
.am-sf summary::after{content:" +";float:right}
.am-sf details[open] summary::after{content:" \2212"}
.am-sf__body{display:grid;gap:6px;padding:0 16px 16px}
.am-sf__row{display:grid;grid-template-columns:7.4rem minmax(0,1fr) 2.8rem;align-items:center;gap:8px}
.am-sf__row.wide{grid-template-columns:7.4rem minmax(0,1fr)}
.am-sf__row[hidden]{display:none}
.am-sf__row>label{color:var(--ink-muted,#8a8a88);letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.am-sf__row output{text-align:right;color:var(--ink-soft,#c6c6c4);font-variant-numeric:tabular-nums}
.am-sf input[type=range]{width:100%;accent-color:#c6c6c4}
.am-sf input[type=checkbox]{justify-self:start;accent-color:#d6b25a}
.am-sf select,.am-sf input[type=text],.am-sf textarea{width:100%;box-sizing:border-box;background:#000;color:var(--ink,#f2f2f0);border:1px solid var(--line-strong,#3a3a3a);font:inherit;padding:5px 6px;border-radius:0}
.am-sf textarea{resize:vertical;min-height:3.4em}
.am-sf input[type=file]{display:none}
.am-sf__file{display:block;text-align:center}
.am-sf__hint{grid-column:1/-1;margin:2px 0 0;color:var(--ink-muted,#8a8a88);font-size:10px;line-height:15px}
.am-sf__export{display:flex;flex-wrap:wrap;gap:8px;padding:16px}
.am-sf__note{max-width:var(--measure,42rem);margin-top:var(--space-4,24px)}
@media (max-width:62rem){.am-sf{grid-template-columns:1fr;height:auto}.am-sf__stage{height:62svh;min-height:380px;border-right:0;border-bottom:1px solid var(--line,#262626)}.am-sf__panel{overflow:visible}}