/* The shared page system: giant title, yellow strapline, numbered strip, lit render stage, big numbers, real empty states. Uses the tokens from skin.css and .film from shotboard.css. A page turns it on through body.on-look, set by the shell. */

/* ---- title, same scale as Shot Board and Train ---- */
body.on-look main>.top{gap:6px;margin-bottom:clamp(14px,1.6vw,22px)}
body.on-look main>.top h1{font-size:min(clamp(46px,7.4vw,118px),calc((100vw - 130px)/(var(--tn,8)*.86)));font-stretch:125%;font-weight:900;letter-spacing:-.04em;line-height:.88;overflow-wrap:normal}
body.on-look main>.top .sub{margin-top:clamp(6px,.7vw,10px);font:800 clamp(19px,2.5vw,38px)/1.02 var(--display);font-stretch:112%;letter-spacing:-.02em;color:var(--sb-ink,var(--a1))}
body.on-look main>.top .lede{margin:clamp(6px,.7vw,10px) 0 0;max-width:72ch;font-size:14px;line-height:1.45;color:var(--mut)}
:root[data-theme=light] body.on-look .top .pill{background:var(--panel)}
@media (min-width:1240px){body.on-look:not(.on-create):not(.on-pro) main>.top{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:end}body.on-look main>.top>div{grid-area:1/1/2/5}body.on-look main>.top>.grow{display:none}body.on-look main>.top>.pill{grid-row:1}body.on-look main>.top>.pill:nth-of-type(2){grid-column:2}body.on-look main>.top>.pill:nth-of-type(3){grid-column:3}body.on-look main>.top>.pill:nth-of-type(4){grid-column:4}}
@media (max-width:900px){body.on-look main>.top>.grow{display:none}body.on-look main>.top h1{font-size:min(46px,calc((100vw - 32px)/(var(--tn,8)*.86)))}body.on-look main{padding-inline:16px}}

/* ---- controls on these pages: at least 40 px to tap, a visible focus ring ---- */
body.on-look main :focus-visible{outline:2px solid var(--sb-ink,var(--a1));outline-offset:2px}
body.on-look main .film :focus-visible{outline-color:#f5c518}
body.on-look main :is(.btn,.chip,.pchip){min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;border-radius:6px;padding-block:6px}
body.on-look main .chips .chip{padding:6px 11px;font-size:13px}
body.on-look main .chip.on{font-weight:700}
body.on-look main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select){min-height:42px;box-sizing:border-box;border-radius:6px}
body.on-look main textarea{border-radius:6px}
body.on-look main label:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:8px;min-height:40px}
body.on-look main input[type=checkbox]{width:20px;height:20px;accent-color:var(--a1)}
body.on-look main .card{border-radius:6px}
body.on-look main .sect h2{color:var(--sb-ink,var(--a1))}
body.on-look main .psec{display:flex;align-items:baseline;gap:10px;margin:0 0 4px}body.on-look main .psec h3{margin:0;font:800 clamp(25px,2.7vw,40px)/1 var(--display);font-stretch:118%;letter-spacing:-.022em;text-transform:uppercase;color:var(--text)}body.on-look main .psec span{font:700 clamp(18px,1.7vw,26px)/1 var(--display);font-stretch:75%;color:var(--sb-ink,var(--a1))}body.on-look main .psecnote{margin:0 0 12px;font-size:14px;opacity:1;color:var(--mut)}
.lk-lead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 28px}.lk-lead .lk-plain{flex:1 1 360px}
body.on-look main .card>h3{margin:0 0 10px;font:800 clamp(15px,1.25vw,18px)/1.1 var(--display);font-stretch:112%;letter-spacing:-.01em;text-transform:uppercase;color:var(--text)}
.lk-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:13px;font-weight:600;color:var(--mut)}.lk-field>input,.lk-field>select,.lk-field>textarea{font-weight:400;color:var(--text);width:100%;box-sizing:border-box}

/* ---- the numbered strip ---- */
.lk-strip ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:3px}
.lk-strip button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;align-items:center;width:100%;height:100%;min-height:54px;padding:9px 12px;border-top:3px solid var(--line2);background:var(--panel);color:var(--mut);transition:background .12s,color .12s}
.lk-strip button:hover{background:var(--panel2);color:var(--text)}
.lk-strip button:focus-visible{outline:2px solid var(--sb-ink,var(--a1));outline-offset:-2px}
.lk-strip i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:4px;border:1.5px solid var(--line2);font:800 16px/1 var(--display);font-style:normal;color:inherit}
.lk-strip span{display:flex;flex-direction:column;gap:2px;min-width:0}
.lk-strip b{font:800 clamp(14px,1.3vw,19px)/1 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.015em;color:inherit}
.lk-strip small{font-size:12.5px;line-height:1.25;color:inherit;opacity:.9}
.lk-strip [aria-pressed=true]{background:#f5c518;border-top-color:#f5c518;color:#141006}.lk-strip [aria-pressed=true]:hover{background:#f5c518;color:#141006}.lk-strip [aria-pressed=true] i{border-color:#141006}
@media (max-width:700px){.lk-strip ol{grid-template-columns:repeat(min(var(--n,3),2),minmax(0,1fr))}}

/* ---- the lit stage ---- */
.lk-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,31%);background:#0b0d0b;border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0}
.lk-stagepic{position:relative;margin:0;min-width:0;background:#050605;aspect-ratio:16/9}
.lk-stagepic>img,.lk-stagepic>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lk-stagepic figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:clamp(28px,5vw,70px) clamp(14px,1.6vw,22px) clamp(12px,1.4vw,18px);background:linear-gradient(180deg,transparent,rgba(5,6,5,.9));color:#fff}
.lk-stagepic figcaption b{font:900 clamp(24px,3.5vw,54px)/.96 var(--display);font-stretch:118%;letter-spacing:-.03em;text-transform:uppercase}
.lk-stagepic figcaption small{font-size:14px;line-height:1.35;color:#d9ded8;max-width:62ch}
.lk-play{position:absolute;top:10px;right:10px;z-index:1;background:rgba(10,12,11,.82);color:#f6f6f1;border-color:rgba(255,255,255,.3)}.lk-play:hover{background:#191e1a}
.lk-tag{align-self:flex-start;font:800 13px/1 var(--display);font-stretch:90%;padding:5px 7px;border-radius:3px;background:#f5c518;color:#141006;text-transform:uppercase}
.lk-stageside{min-width:0;display:flex;flex-direction:column;gap:12px;padding:0;background:#0e120f;max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.lk-rack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.lk-rack button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:11px;align-items:center;width:100%;min-height:62px;padding:8px 12px;box-shadow:inset 3px 0 0 transparent;background:#121612;color:#f6f6f1}
.lk-rack button:hover{background:#1a1f1b}.lk-rack button:focus-visible{outline:2px solid #f5c518;outline-offset:-2px}.lk-rack [aria-pressed=true]{background:#1a1f1b;box-shadow:inset 3px 0 0 #f5c518}
.lk-rack :is(img,video){flex:none;width:72px;height:46px;object-fit:cover;border-radius:3px;background:#050605}
.lk-rack span{display:flex;flex-direction:column;gap:2px;min-width:0}.lk-rack b{font-size:13.5px;font-weight:700;line-height:1.2}.lk-rack small{font-size:12.5px;line-height:1.25;color:#a3aca3}
.lk-stagenote{grid-column:1/-1;margin:0;padding:10px clamp(14px,1.6vw,22px);font-size:13px;line-height:1.4;color:#c6cdc6;border-top:1px solid rgba(255,255,255,.1)}.lk-stagenote b{color:#fff}
@media (max-width:900px){.lk-stage{grid-template-columns:minmax(0,1fr)}.lk-stageside{max-height:none;overflow:visible}.lk-rack{flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.lk-rack li{flex:0 0 min(62vw,230px);scroll-snap-align:start}.lk-rack button{height:100%;padding:8px}.lk-rack :is(img,video){width:52px;height:40px}}

/* ---- big numbers ---- */
.lk-stats{display:flex;flex-wrap:wrap;gap:12px clamp(16px,2vw,30px);margin:0}.lk-stats>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.lk-stats dd{margin:0;font:800 clamp(36px,4.2vw,60px)/.9 var(--display);font-stretch:75%;letter-spacing:-.01em;color:var(--sb-ink,var(--a1))}.film .lk-stats dd{color:#f5c518}
.lk-stats dt{font-size:13px;line-height:1.25;color:var(--mut)}

/* ---- sections ---- */
.lk{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,32px);min-width:0}
.lk-head h2{margin:0;font-size:clamp(25px,2.7vw,40px);display:flex;align-items:center;gap:12px;color:var(--text)}.lk-head h2:focus{outline:none}
.lk-head h2 i{font:800 clamp(16px,1.5vw,22px)/1 var(--display);font-stretch:100%;font-style:normal;display:inline-grid;place-items:center;width:1.7em;height:1.7em;border-radius:5px;background:var(--a1);color:var(--on-accent);flex:none}
.lk-head p{margin:6px 0 0;max-width:72ch;color:var(--mut);line-height:1.45}
.lk-head{margin-bottom:clamp(10px,1.1vw,16px)}
.lk-kick{display:block;font:700 15px/1.1 var(--display);font-stretch:75%;letter-spacing:.01em;color:var(--sb-ink,var(--a1))}.film .lk-kick{color:#f5c518}
.lk-plain{margin:0;max-width:78ch;line-height:1.5;color:var(--mut)}.lk-plain b{color:var(--text);font-weight:600}

/* ---- empty and offline ---- */
.lk-empty{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:clamp(300px,44vh,480px);background:#0b0d0b;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.lk-emptypic{position:relative;min-height:220px;background:#050605}.lk-emptypic img,.lk-emptypic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lk-emptytext{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:clamp(18px,2.6vw,40px);min-width:0}
.lk-emptytext h2{margin:0;font:900 clamp(30px,3.6vw,56px)/.96 var(--display);font-stretch:118%;letter-spacing:-.03em;text-transform:uppercase;color:#fff}
.lk-emptytext p{margin:0;line-height:1.5;color:#d3d8d2;max-width:52ch}
.lk-emptytext .lk-emptynote{font-size:13px;color:#a3aca3;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}
.lk-acts{display:flex;flex-wrap:wrap;gap:8px}
.lk-warn{padding:12px 14px;border:1px solid var(--warn);border-radius:6px;background:color-mix(in srgb,var(--warn) 7%,var(--panel))}.lk-warn b{display:block;font-weight:700;overflow-wrap:anywhere;color:var(--text)}.lk-warn p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--mut)}
:root[data-theme=light] .lk-warn{--warn:#8a5a00}
@media (max-width:900px){.lk-empty{grid-template-columns:minmax(0,1fr)}.lk-emptypic{aspect-ratio:16/10;min-height:0}}

/* ---- render tiles ---- */
.lk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(8px,1vw,14px)}
.lk-tile{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:border-color .12s}
.lk-tile:hover{border-color:var(--line2)}
.lk-tilepic{position:relative;aspect-ratio:16/9;background:#050605;overflow:hidden}.lk-tilepic img,.lk-tilepic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lk-tilebody{display:flex;flex-direction:column;gap:6px;padding:11px 13px 13px;flex:1;min-width:0}
.lk-tilebody h3{margin:0;font:800 clamp(16px,1.35vw,20px)/1.05 var(--display);font-stretch:112%;letter-spacing:-.015em;text-transform:uppercase;color:var(--text);overflow-wrap:anywhere}
.lk-tilebody p{margin:0;font-size:13.5px;line-height:1.42;color:var(--mut)}
.lk-tilefoot{margin-top:auto;padding-top:6px;font-size:12.5px;color:var(--mut)}

/* one line per page below, so a page can merge on its own without touching the others */
/* == edit == */
.ed-page,.ed-form,.ed-timeline{gap:clamp(14px,1.6vw,22px)}
.ed-tally{margin-bottom:12px}.ed-chips{margin-bottom:12px}
.ed-tile .lk-tilepic{aspect-ratio:4/3}.ed-tile .lk-tilepic :is(img,video),.ed-page .lk-stagepic :is(img,video){object-position:50% 24%}
.ed-tile{cursor:pointer}.ed-tile:hover .lk-tilebody h3{color:var(--sb-ink,var(--a1))}
.lk-tilepic .estate{position:absolute;top:8px;left:8px;background:#0b0d0b;font-size:12.5px;border-radius:4px;padding:4px 8px}.lk-tilepic .estate.ok{background:#27e07f;color:#04170c}.lk-tilepic .estate.need{background:#f5c518;color:#141006}.lk-tilepic .estate.nodes{background:#ff8c99;color:#2a0509}.lk-tilepic .estate.chk{background:#0b0d0b;color:#f6f6f1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ed-back{align-self:flex-start}
.ed-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,1.2vw,16px);align-items:start}
.ed-sample{margin:0 0 10px;border-radius:5px;overflow:hidden;background:#050605;position:relative}.ed-sample img,.ed-sample video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.ed-sample figcaption{padding:7px 10px;font-size:12.5px;color:#c6cdc6}
.ed-timeline .btn{min-width:40px}
@media (max-width:900px){.ed-layout{grid-template-columns:minmax(0,1fr)}}

/* == library == */
.lib-page,.lib-work{gap:clamp(14px,1.6vw,22px)}
.lib-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.lib-bar .chips{gap:6px}
.lib-startshead{margin:0 0 12px;font-size:clamp(22px,2.3vw,34px);color:var(--sb-ink,var(--a1))}
.lib-start{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0}.lib-start:hover{border-color:var(--line2)}.lib-start .lk-tilepic{display:block}
.lib-start b{font:800 clamp(17px,1.6vw,24px)/1 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.015em;color:var(--text)}.lib-start small{font-size:13px;color:var(--mut)}
.lib-work .lk-stagepic figcaption b{font-size:clamp(20px,2.4vw,36px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.lib-page .alist{margin:0}
.lib-page .tr-lib{margin:0}

/* == viewer == */
.v3-page{gap:clamp(12px,1.4vw,20px)}
.v3x{position:relative;height:clamp(460px,80vh,960px);margin-inline:calc(-1*clamp(14px,1.6vw,26px));background:#060706;overflow:hidden;isolation:isolate}
.v3x-canvas{position:absolute;inset:0}.v3x-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-3px}
.v3x-title{position:absolute;left:clamp(14px,2.2vw,32px);bottom:clamp(14px,2.2vw,32px);max-width:min(70%,760px);display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none;color:#fff}.v3x-title h2{margin:0;font:900 clamp(28px,4.4vw,76px)/.9 var(--display);font-stretch:122%;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 2px 26px rgba(0,0,0,.8)}.v3x-title p{margin:0;font-size:14px;color:#d9ded8;text-shadow:0 1px 10px #000}
.v3x-modes{position:absolute;top:12px;right:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:calc(100% - 24px)}
.v3x-modes button{all:unset;box-sizing:border-box;cursor:pointer;min-height:40px;padding:8px 13px;background:rgba(10,12,11,.8);color:#f6f6f1;font:800 13px/1.2 var(--display);font-stretch:108%;text-transform:uppercase;letter-spacing:-.005em;border-top:3px solid rgba(255,255,255,.22);backdrop-filter:blur(6px)}.v3x-modes button:hover{background:#191e1a}.v3x-modes button:focus-visible{outline:2px solid #f5c518;outline-offset:2px}.v3x-modes button[aria-pressed=true],.v3x-modes button[aria-pressed=true]:hover{background:#f5c518;color:#141006;border-top-color:#f5c518}.v3x-modes button.v3x-spin,.v3x-modes button.v3x-spin[aria-pressed=true]{margin-left:8px;background:rgba(10,12,11,.8);color:#f6f6f1;border-top-color:rgba(255,255,255,.22)}.v3x-modes button.v3x-spin:hover{background:#191e1a}
.v3x-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;color:#d9ded8;font:800 clamp(16px,1.6vw,22px)/1.2 var(--display);text-transform:uppercase}
.v3x-fail{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:#060706;color:#f6f6f1;text-align:center}.v3x-fail img{max-height:50%;border-radius:5px}.v3x-fail p{margin:0;max-width:60ch}
.v3x-read{display:flex;flex-wrap:wrap;gap:12px clamp(18px,2.6vw,40px);margin:0}.v3x-read>div{display:flex;flex-direction:column;gap:3px;min-width:0}.v3x-read dd{margin:0;font:800 clamp(28px,3.2vw,48px)/.95 var(--display);font-stretch:75%;color:var(--sb-ink,var(--a1))}.v3x-read dt{font-size:13px;line-height:1.25;color:var(--mut)}
.v3x-scale{font-size:13.5px}
.v3x-shelfhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:8px}.v3x-shelfhead h3,.v3x-make h3{margin:0;font:800 clamp(20px,2vw,30px)/1 var(--display);font-stretch:118%;letter-spacing:-.02em;text-transform:uppercase;color:var(--text)}.v3x-shelfhead p{margin:0;color:var(--mut);font-size:14px}
.v3x-shelf{list-style:none;margin:0;padding:0 0 8px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.v3x-shelf li{flex:0 0 clamp(160px,15vw,220px);scroll-snap-align:start}
.v3x-shelf button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;width:100%;height:100%;padding:0 0 9px;background:var(--panel);border-top:3px solid var(--line2);overflow:hidden}.v3x-shelf button:hover{background:var(--panel2)}.v3x-shelf button:focus-visible{outline:2px solid var(--sb-ink,var(--a1));outline-offset:-2px}.v3x-shelf [aria-pressed=true]{border-top-color:#f5c518;background:var(--panel2)}
.v3x-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:#060706;margin-bottom:5px}.v3x-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.v3x-thumb i{font:900 26px/1 var(--display);font-style:normal;color:#f5c518}.v3x-shelf b{padding:0 10px;font-size:13.5px;line-height:1.2;color:var(--text);overflow-wrap:anywhere}.v3x-shelf small{padding:0 10px;font-size:12.5px;line-height:1.25;color:var(--mut)}
.v3x-make{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.v3m{display:flex;flex-direction:column;gap:10px;padding:clamp(12px,1.4vw,20px) 0;border-block:1px solid var(--line)}.v3m h3{margin:0;font:800 clamp(20px,2vw,30px)/1 var(--display);font-stretch:118%;letter-spacing:-.02em;text-transform:uppercase}
.v3m-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}.v3m-row .lk-field{flex:0 1 280px}.v3m-row .v3m-wide{flex:1 1 360px}.v3m-row .btn{min-height:40px}
@media (max-width:900px){.v3x{height:min(72vh,560px);margin-inline:-16px}.v3x-modes{left:8px;right:8px;top:8px;justify-content:flex-start;max-width:none}.v3x-modes button{padding:7px 10px;font-size:12px}.v3x-modes button.v3x-spin,.v3x-modes button.v3x-spin[aria-pressed=true]{margin-left:0}.v3x-title{max-width:calc(100% - 28px)}.v3x-shelf li{flex-basis:46vw}}

/* == site == */
.st-page{gap:clamp(16px,1.8vw,26px)}
.sw-wall{background:#0b0d0b;border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0}
.sw-rows{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px);padding:clamp(14px,1.8vw,26px) 0;background:radial-gradient(90% 120% at 50% -10%,#2a2613 0,#0b0d0b 62%)}
.sw-row{overflow:hidden}.sw-track{display:flex;gap:clamp(14px,1.6vw,24px);width:max-content;animation:swslide 70s linear infinite}.sw-row.rev .sw-track{animation-direction:reverse;animation-duration:86s}.sw-wall:hover .sw-track,.sw-wall:focus-within .sw-track{animation-play-state:paused}
@keyframes swslide{to{transform:translateX(calc(-50% - clamp(7px,.8vw,12px)))}}
.sw-site{position:relative;display:block;flex:none;width:clamp(290px,31vw,500px);padding-bottom:18px;color:#f6f6f1;text-decoration:none}.sw-site:focus-visible{outline:2px solid #f5c518;outline-offset:3px}
.sw-browser{display:block;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 22px 44px -18px #000,0 0 0 1px rgba(255,255,255,.14)}
.sw-bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 9px;background:#1c211d}.sw-bar i{width:7px;height:7px;border-radius:50%;background:#4e564f}.sw-bar i:first-child{background:#f5c518}.sw-bar u{margin-left:7px;font-size:11px;text-decoration:none;color:#a3aca3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sw-page{display:block;height:clamp(160px,17vw,280px);overflow:hidden}.sw-page img{display:block;width:100%;height:auto;transition:transform 2.6s cubic-bezier(.3,0,.3,1)}.sw-site:hover .sw-page img,.sw-site:focus-visible .sw-page img{transform:translateY(calc(-100% + clamp(160px,17vw,280px)))}
.sw-phone{position:absolute;right:-4px;bottom:0;width:23%;height:clamp(150px,15vw,240px);overflow:hidden;border-radius:12px;border:3px solid #1c211d;background:#fff;box-shadow:0 14px 28px -10px #000}.sw-phone img{display:block;width:100%;height:auto}
.sw-cap{position:absolute;left:10px;bottom:30px;right:28%;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:4px;background:rgba(8,10,8,.86)}.sw-cap b{font:800 clamp(15px,1.4vw,21px)/1 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.015em}.sw-cap small{font-size:12px;line-height:1.25;color:#c6cdc6}
.sw-wipe{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,27%);background:#0b0d0b;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sw-wipestage{position:relative;min-height:clamp(340px,50vh,560px);background:#0e120f;overflow:hidden}
.sw-brief{position:absolute;inset:0;padding:clamp(16px,2.4vw,36px);overflow:hidden;color:#f6f6f1}.sw-brief h3{margin:10px 0 14px;font:900 clamp(30px,4vw,62px)/.94 var(--display);font-stretch:118%;letter-spacing:-.03em;text-transform:uppercase}.sw-brief dl{margin:0;display:flex;flex-direction:column;gap:9px;max-width:440px}.sw-brief dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px}.sw-brief dt{font:700 14px/1.3 var(--display);font-stretch:75%;color:#f5c518}.sw-brief dd{margin:0;font-size:14px;line-height:1.35;display:flex;align-items:center;gap:7px}.sw-brief dd i{width:14px;height:14px;border-radius:3px;display:inline-block;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.sw-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos));background:#fff}.sw-after img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.sw-after .lk-tag{position:absolute;right:12px;top:12px}
.sw-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#f5c518;pointer-events:none}.sw-line::after{content:"\2194";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px;border-radius:50%;background:#f5c518;color:#141006;display:grid;place-items:center;font-size:18px;font-weight:800}
.sw-wipestage input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;min-height:0!important}.sw-wipestage input[type=range]:focus-visible~*{}.sw-wipestage:focus-within .sw-line{box-shadow:0 0 0 2px #fff}
.sw-wipeside{display:flex;flex-direction:column;background:#0e120f;min-width:0}.sw-open{margin:10px}
.st-fills{gap:6px}
.st-work{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(10px,1.2vw,16px);align-items:stretch}
.st-brief{display:flex;flex-direction:column;gap:12px;min-width:0}.st-brief .lk-head,.st-preview .lk-head{margin:0 0 4px}.st-brief h3{margin:6px 0 0;font:800 15px/1.1 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.01em;color:var(--text)}
.st-fact{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6px}.st-pair{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:8px}.st-colour input{padding:3px;min-height:42px;background:var(--panel2);border:1px solid var(--line2);border-radius:6px;cursor:pointer}.st-go{align-self:flex-start;min-width:180px}.st-needs{margin:0}
.st-preview{display:flex;flex-direction:column;gap:10px;min-width:0}.st-seg{display:flex;gap:6px}
.st-frameb{flex:1;display:flex;flex-direction:column;min-height:440px;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line2);width:100%;align-self:center;transition:max-width .28s}.st-frameb.narrow{max-width:390px}.st-frame{flex:1;width:100%;min-height:420px;border:0;background:#fff}
@media (max-width:900px){.st-work,.sw-wipe{grid-template-columns:minmax(0,1fr)}.st-go{align-self:stretch}.sw-wipeside .lk-rack{flex-direction:row;overflow-x:auto;scrollbar-width:none}.sw-wipeside .lk-rack li{flex:0 0 min(62vw,230px)}.sw-site{width:78vw}.sw-page{height:44vw}.sw-phone{height:42vw}.sw-page img{}.sw-site:hover .sw-page img{transform:none}}
@media (prefers-reduced-motion:reduce){.sw-track{animation:none;width:auto}.sw-row{overflow-x:auto;scrollbar-width:thin}.sw-site[aria-hidden=true]{display:none}.sw-page img,.st-frameb{transition:none}.sw-site:hover .sw-page img{transform:none}}

/* == auto == */
.au-page{gap:clamp(16px,1.8vw,26px)}
.au-count{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 28px;padding:clamp(18px,3vw,44px);min-height:clamp(320px,46vh,520px);background:#0b0d0b;border-radius:6px;overflow:hidden;isolation:isolate;outline:1px solid var(--line)}
.au-countbg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,7,6,.97) 0,rgba(6,7,6,.84) 42%,rgba(6,7,6,.3) 100%),var(--art,none) center/cover no-repeat;animation:audrift 28s ease-in-out infinite alternate}@keyframes audrift{to{background-position:0 0,60% 40%}}
.au-counttext{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;flex:1 1 420px;color:#f6f6f1}.au-counttext h2{margin:0;font:800 clamp(22px,2.6vw,38px)/1 var(--display);font-stretch:112%;letter-spacing:-.02em;text-transform:uppercase;color:#f5c518}
.au-digits{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .08em;margin:2px 0;font-variant-numeric:tabular-nums}.au-digits b{font:900 clamp(56px,10.5vw,170px)/.88 var(--display);font-stretch:112%;letter-spacing:-.045em;color:#fff}.au-digits i{font:800 clamp(16px,2.2vw,34px)/1 var(--display);font-style:normal;color:#f5c518;margin:0 .5em 0 .12em}
.au-countnote{margin:0;max-width:62ch;font-size:15px;line-height:1.4;color:#e4e7e2}.au-lead2{margin:6px 0 0;max-width:62ch;font-size:13.5px;line-height:1.45;color:#b6bdb5}
.au-count .lk-stats dt{color:#c6cdc6}
.au-week{display:grid;grid-template-columns:46px repeat(7,minmax(0,1fr));background:#0b0d0b;border-radius:6px;overflow:hidden;outline:1px solid var(--line);--h:clamp(600px,76vh,760px)}
.au-hours{position:relative;margin-top:52px;height:var(--h)}.au-hours span{position:absolute;top:calc(var(--t)*100%);left:6px;font-size:11.5px;color:#a3aca3;transform:translateY(-50%)}
.au-day{min-width:0;border-left:1px solid rgba(255,255,255,.08)}.au-day h4{height:52px;margin:0;display:flex;align-items:baseline;gap:6px;padding:12px 8px 0;font:800 clamp(14px,1.3vw,19px)/1 var(--display);font-stretch:108%;text-transform:uppercase;color:#f6f6f1}.au-day h4 small{font:700 14px/1 var(--display);font-stretch:75%;color:#a3aca3}.au-day.today h4 b{color:#f5c518}
.au-track{position:relative;height:var(--h);background:repeating-linear-gradient(180deg,rgba(255,255,255,.055) 0 1px,transparent 1px 25%)}
.au-now{position:absolute;left:0;right:0;top:calc(var(--t)*100%);height:2px;background:#f5c518;z-index:3;box-shadow:0 0 12px #f5c518}.au-now::before{content:"";position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#f5c518;animation:aupulse 2s ease-in-out infinite}@keyframes aupulse{50%{transform:scale(1.7);opacity:.6}}
.au-mark{all:unset;box-sizing:border-box;position:absolute;left:4px;right:4px;top:calc(var(--t)*100%);height:calc(.165*var(--h));cursor:pointer;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:#171b18;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 8px 16px -8px #000;z-index:2;transition:transform .16s}.au-mark:hover{transform:scale(1.03);z-index:4}.au-mark:focus-visible{outline:2px solid #f5c518;outline-offset:2px;z-index:4}
.au-mark img{display:block;width:100%;flex:1;min-height:0;object-fit:cover}.au-mark span{display:flex;flex-direction:column;gap:1px;padding:4px 6px}.au-mark b{font:800 13px/1 var(--display);font-stretch:90%;color:#f5c518}.au-mark small{font-size:11.5px;line-height:1.2;color:#f6f6f1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.au-mark.sample{box-shadow:0 0 0 1px rgba(245,197,24,.0),0 8px 16px -8px #000;outline:1.5px dashed rgba(245,197,24,.75);outline-offset:-1.5px}.au-mark.sample img{opacity:.78}
.au-tick{position:absolute;left:8px;right:8px;top:calc(var(--t)*100%);height:3px;background:#27e07f;border-radius:2px}.au-tick.sample{background:#f5c518;opacity:.7}.au-many{position:absolute;right:6px;bottom:6px;font-size:11.5px;color:#c6cdc6}
.au-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;font-size:13px;color:var(--mut)}.au-legend span{display:inline-flex;align-items:center;gap:6px}.au-legend i{display:inline-block;width:18px;height:11px;border-radius:2px}.au-legend .yours{background:#171b18;box-shadow:0 0 0 1px var(--line2)}.au-legend .sample{outline:1.5px dashed var(--sb-ink,var(--a1));outline-offset:-1.5px}.au-legend .nowl{height:2px;background:var(--sb-ink,var(--a1))}
.autoidea[aria-pressed=true]{outline:3px solid #f5c518!important;outline-offset:-3px}
.autoideas{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important}
.autoidea{aspect-ratio:16/9;height:auto!important;border-radius:6px!important;min-height:120px}
.autoidea b{font:900 clamp(18px,2vw,30px)/.98 var(--display)!important;font-stretch:112%!important;letter-spacing:-.025em;text-transform:uppercase}
.au-list{min-height:100%;display:flex;flex-direction:column}.au-list .st-blank{flex:1;min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;padding:24px;border:1.5px dashed var(--line2);border-radius:5px}.au-list .st-blank b{font:800 clamp(20px,2.2vw,32px)/1 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.02em;color:var(--text)}.au-list .st-blank p{margin:0;color:var(--mut)}
.autogrid{align-items:stretch!important}
@media (max-width:900px){.autoideas{grid-template-columns:repeat(2,minmax(0,1fr))!important}.autoidea{aspect-ratio:4/3}}
@media (max-width:520px){.autoideas{grid-template-columns:minmax(0,1fr)!important}.autoidea{aspect-ratio:21/9}}
@media (max-width:760px){.au-week{grid-template-columns:minmax(0,1fr)}.au-hours{display:none}.au-day{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.au-day h4{height:auto;padding:10px 12px 6px}.au-track{height:auto;min-height:44px;display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px;background:none;scrollbar-width:none}.au-mark{position:static;flex:0 0 132px;height:108px}.au-tick{position:static;flex:0 0 5px;height:26px;margin:0}.au-many{position:static;align-self:center;white-space:nowrap}.au-now{top:auto;bottom:0;left:calc(var(--t)*100%);right:auto;width:2px;height:6px}.au-now::before{display:none}}
@media (prefers-reduced-motion:reduce){.au-countbg,.au-now::before{animation:none}.au-mark{transition:none}.au-mark:hover{transform:none}}

/* == models == */
.mo-page{gap:clamp(14px,1.6vw,22px)}.mo-lead{margin-bottom:12px}.mo-tally{margin-bottom:12px}
.mo-page .mgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(8px,1vw,14px)}.mo-page .gcard{border-radius:6px}
.mo-page .gflag.ok{background:#27e07f;color:#04170c}
.mo-box{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,16px)}.mo-box .card{margin:0!important}.mo-box .row{flex-wrap:wrap}.mo-box input[type=text]{min-width:min(100%,260px)}
.mo-find,.mo-search{gap:12px}.mo-searchbar{display:flex;flex-wrap:wrap;gap:8px}.mo-searchbar input{flex:1 1 280px;max-width:520px;width:auto}.mo-searchbar select{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:0 10px;flex:0 1 auto;max-width:100%}.mo-searchbar .btn{min-width:110px}
.mo-tick{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:40px}.mo-open{display:inline-flex;align-items:center;min-height:40px}
.mo-page .gblank{background:#0b0d0b;color:#27e07f}.mo-norender{font-size:13px;color:#a3aca3}
.mo-page .sect a:not(.btn){padding-block:13px}
:root[data-theme=light] .mo-page a:not(.btn){color:#0b6b3a}
:root[data-theme=light] .mo-page .gtext a{color:#ffe08a}

/* == apps == */
.ap-page{gap:clamp(14px,1.6vw,22px)}.ap-back{align-self:flex-start}.ap-search{width:100%;max-width:640px;box-sizing:border-box;padding:0 12px;border:1px solid var(--line2);background:var(--panel2);color:inherit;font:inherit}
.ap-page .appgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(8px,1vw,14px);margin:10px 0 0}
.ap-page .appg{border-radius:6px;background:var(--panel)}.ap-page .appg:focus-visible{outline:2px solid var(--sb-ink,var(--a1));outline-offset:2px}.ap-page .appgart{height:auto;aspect-ratio:16/9;background:#0b0d0b}
.ap-page .appg b{font:800 clamp(15px,1.25vw,18px)/1.05 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.012em;padding:3px 12px 0;color:var(--text);overflow-wrap:anywhere}.ap-page .appg small{padding:0 12px;font-size:13px;line-height:1.35;color:var(--mut)}
.ap-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,1.2vw,16px);align-items:start}
@media (max-width:900px){.ap-layout{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.ap-page .appgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-page .appg b{font-size:14px;padding-inline:9px}.ap-page .appg small{padding-inline:9px;font-size:12.5px}}

/* == processes == */
.pr-page.lk{gap:clamp(14px,1.6vw,22px)}.pr-page .pcontrols{margin:0}.pr-page .psearch{min-height:42px;border-radius:6px}
.pr-page .pchip,.pr-page .pbtn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 11px;border-radius:6px;font-size:13px;outline:1px solid var(--line2);text-align:center;color:var(--mut)}
.pr-page .pchip:hover,.pr-page .pbtn:hover{color:var(--text)}.pr-page .pchip.on{background:var(--text);color:var(--bg);outline-color:var(--text);font-weight:700}
.pr-page .pbtn{font-weight:600;color:var(--text)}.pr-page .pbtn.on{background:var(--a1);color:var(--on-accent);outline-color:var(--a1);font-weight:700}
.pr-page :is(.pchip,.pbtn):focus-visible{outline:2px solid var(--sb-ink,var(--a1));outline-offset:2px}
.pr-page .gcard.pcard{border-radius:6px}.pr-page .pband{background:#0b0d0b;height:clamp(128px,11vw,170px)}.pr-page .pinitial{color:#f5c518;opacity:.5;right:auto;left:12px;bottom:-16px;font:900 92px/1 var(--display);font-stretch:118%}
.pr-page .pband::after{pointer-events:none}.pr-page .pcard .pmd{max-width:80ch}

/* == families == */
.fa-page{gap:clamp(14px,1.6vw,22px)}.fa-page .fbar{margin:0}.fa-page .gcard{border-radius:6px}
.fa-page .lk-strip b{font-size:clamp(13px,1vw,15px)}.fa-page .gblank{background:#0b0d0b}:root[data-theme=light] .fa-page .gflag.warn{background:#0b0d0b;color:#f5c518}
.fpage .sect:first-of-type h2{font-size:clamp(34px,4.5vw,72px);font-weight:900;letter-spacing:-.03em;color:var(--text)}.fpage .fcardx,.fpage .ftpl{border-radius:6px}.fpage .fstage{border-radius:6px;background:#050605}.fpage .fcardx h3{font:800 15px/1.1 var(--display);font-stretch:112%;text-transform:uppercase;letter-spacing:-.01em;color:var(--text)}.fpage .fmiss a,.fpage .sectsub a{padding-block:12px}:root[data-theme=light] .fpage a:not(.btn){color:#0b6b3a}
.fpage .fthumbs button{min-width:44px;min-height:44px}
.fa-odd{font-size:13.5px;color:var(--mut)}.fa-odd summary{min-height:40px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:var(--text)}.fa-odd summary::before{content:"\25B8";color:var(--sb-ink,var(--a1))}.fa-odd[open] summary::before{content:"\25BE"}.fa-odd .fnote{margin:0;line-height:1.5;max-width:90ch}
.fa-none{padding:40px 16px;text-align:center}.fa-none h2{margin:0 0 6px;color:var(--text)}.fa-none p{margin:0;color:var(--mut)}
@media (max-width:700px){.fa-page .fgrid{--gw:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fa-page .fgrid .gtext b{font-size:15px}.fa-page .fgrid .gtext small{font-size:12px}}

/* == atlas == */
.atl-page.lk{gap:clamp(14px,1.6vw,22px)}.atl-page .atl-bar{margin:0}.atl-page .atl-lede{max-width:78ch}
.atl-page .atl-card>article{border-radius:6px}.atl-page .atl-plate{background:#0b0d0b;border-radius:0}.atl-page .atl-plate b{font:900 clamp(46px,5vw,76px)/1 var(--display);font-stretch:118%;letter-spacing:-.04em;color:#f5c518}
.atl-page .atl-eh h2{font-size:clamp(32px,4vw,62px);font-stretch:118%;font-weight:900;letter-spacing:-.03em;color:var(--text)}.atl-page .atl-years{font:700 clamp(16px,1.5vw,22px)/1 var(--display);font-stretch:75%;color:var(--sb-ink,var(--a1))}
.atl-page .atl-src{display:inline-block;padding-block:10px;text-decoration:underline;text-underline-offset:2px}.atl-page .atl-eralink{border-radius:5px;min-height:40px}
:root[data-theme=light] .atl-page :is(.atl-src,time,.atl-why b,.atl-lic b,.atl-flag){color:#6b5200}@media (max-width:900px){.atl-page .atl-bar{position:static}}:root[data-theme=light] .atl-page .atl-pill.lic{color:#0b5a32;border-color:#0b5a32}:root[data-theme=light] .atl-page .atl-pill.lic.community{color:#6b5200;border-color:#6b5200}
.atl-none{padding:40px 16px;text-align:center}.atl-none h2{margin:0 0 6px;color:var(--text)}.atl-none p{margin:0;color:var(--mut)}

/* == crew == */
.cr-page{gap:clamp(12px,1.4vw,20px)}.cr-page .crewtop{margin:0}.cr-page .crewprime{border-radius:6px;min-height:clamp(240px,34vh,400px)}.cr-page .crewprime .ctext b{font-size:clamp(30px,4vw,62px);font-weight:900;letter-spacing:-.03em;color:#f5c518}.cr-page .crewask{border-radius:6px}.cr-page .crewask .row{flex-wrap:wrap}.cr-page .crewask input{flex:1 1 240px}.cr-page .ccard{border-radius:6px}
@media (max-width:700px){.cr-page .crewask input{flex-basis:100%}.cr-page .crewask .btn{width:100%}}
.cr-page .crewsect{margin:clamp(8px,1vw,14px) 0 0}

/* == api == */
.ai-page{gap:clamp(14px,1.6vw,22px)}.ai-page .apigrid{margin:0}.ai-page .apisearch{border-radius:6px}.ai-page .apirow{border-radius:5px;min-height:56px}.ai-page .apimain{border-radius:6px}.ai-page .apicode{border-radius:5px;background:#0b0d0b;color:#f6f6f1}
.ai-page .apinode i{color:var(--sb-ink,var(--a1))}:root[data-theme=light] .ai-page .apihead code{color:#0b6b3a}
.ai-page .apihead h3{margin:0;font:900 clamp(26px,3vw,46px)/.96 var(--display);font-stretch:118%;letter-spacing:-.03em;text-transform:uppercase;color:var(--text)}

/* == design == */
.de-page{gap:clamp(14px,1.6vw,22px)}.de-back{align-self:flex-start}
.de-stage{position:relative;margin-inline:calc(-1*clamp(14px,1.6vw,26px));display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,31%);background:#060706;overflow:hidden;isolation:isolate;min-height:clamp(600px,84vh,980px)}
.de-glow{position:absolute;inset:0;z-index:-1}.de-glow img{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(60px) saturate(1.4) brightness(.5);opacity:0;transition:opacity .7s}.de-glow img.on{opacity:1}
.de-reel{grid-row:1;display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;padding:clamp(18px,3vh,34px) calc(50% - clamp(150px,20vw,330px));scrollbar-width:none;min-width:0}.de-reel::-webkit-scrollbar{display:none}.de-reel:focus-visible{outline:2px solid #f5c518;outline-offset:-4px}
.de-sheet{all:unset;box-sizing:border-box;position:relative;flex:0 0 clamp(300px,40vw,660px);max-width:calc((84vh - 60px)*.8);aspect-ratio:4/5;scroll-snap-align:center;cursor:pointer;border-radius:5px;overflow:hidden;background:#111;box-shadow:0 34px 70px -24px #000;transform:scale(.8);opacity:.42;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}.de-sheet.on{transform:none;opacity:1}.de-sheet:focus-visible{outline:3px solid #f5c518;outline-offset:3px}
.de-sheet img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 6s ease-out}.de-sheet.on img{transform:scale(1.045)}
.de-morph{position:absolute;inset:0;animation:demorph .34s ease-out}@keyframes demorph{from{opacity:0;transform:scale(1.015)}}
.de-frame{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 9px;border-radius:4px;background:rgba(6,7,6,.82);font-size:13px;line-height:1.25;color:#f6f6f1}.de-frame b{font-weight:600}
.de-film{list-style:none;margin:0;padding:0 clamp(12px,1.4vw,20px) 62px;grid-column:1;grid-row:2;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;min-width:0}.de-film::-webkit-scrollbar{display:none}.de-film li{flex:none}.de-film button{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:44px;height:55px;border-top:3px solid transparent;opacity:.6}.de-film button:hover{opacity:1}.de-film button:focus-visible{outline:2px solid #f5c518;opacity:1}.de-film [aria-pressed=true]{opacity:1;border-top-color:#f5c518}.de-film img{display:block;width:100%;height:100%;object-fit:cover}
.de-ctl{position:absolute;left:clamp(14px,1.6vw,26px);bottom:clamp(12px,1.6vw,22px);display:flex;align-items:center;gap:8px;z-index:2}.de-arrow{all:unset;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:4px;background:#f5c518;color:#141006;font-size:20px;font-weight:800}.de-arrow:disabled{background:rgba(255,255,255,.14);color:#a3aca3;cursor:default}.de-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.de-pos{font:800 16px/1 var(--display);font-stretch:75%;color:#f6f6f1}
.de-info{grid-column:2;grid-row:1/3;container-type:inline-size;box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:14px;padding:clamp(16px,2vw,30px) clamp(16px,2vw,30px) 104px;overflow-x:hidden;background:rgba(6,7,6,.62);backdrop-filter:blur(10px);min-width:0;align-self:stretch;color:#f6f6f1}
.de-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.de-head{min-width:0}.de-head h2{margin:0;max-width:100%;font:900 clamp(24px,11cqi,54px)/.94 var(--display);font-stretch:112%;letter-spacing:-.03em;text-transform:uppercase;color:#fff;overflow-wrap:break-word}.de-head p{margin:0;line-height:1.4;color:#d9ded8}
.de-info .lk-stats dd{font-size:clamp(34px,3.4vw,52px)}.de-info .lk-stats dt{color:#c6cdc6}
.de-slots h3{margin:0 0 8px;overflow-wrap:break-word;font:800 clamp(14px,4.6cqi,16px)/1.15 var(--display);font-stretch:112%;text-transform:uppercase;color:#f6f6f1}.de-slots ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.de-slots li button{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;border-top:3px solid rgba(255,255,255,.22)}.de-slots li button:focus-visible{outline:2px solid #f5c518;outline-offset:2px}.de-slots li button[aria-pressed=true]{border-top-color:#f5c518}.de-slots li img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.de-slots li small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:3px;font-size:11px;line-height:1.15;color:#c6cdc6}.de-slots p{margin:7px 0 0;color:#c6cdc6;line-height:1.4}.de-morphs .chip{color:#d3d8d2;border-color:rgba(255,255,255,.28)}.de-morphs .chip:hover{color:#fff}.de-morphs .chip.on{background:#f6f6f1;color:#0b0d0b;border-color:#f6f6f1}
.de-hint{display:none}@media (hover:hover){.de-hint{display:inline}}
.de-how{font-size:13px;color:#c6cdc6}.de-how summary{min-height:40px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;color:#f6f6f1}.de-how summary::before{content:"\25B8";color:#f5c518}.de-how[open] summary::before{content:"\25BE"}.de-how p{margin:0 0 6px;line-height:1.45}
.de-prompt{padding:clamp(14px,1.8vw,24px);background:#0b0d0b;border-radius:6px;outline:1px solid var(--line)}.de-prompt p{margin:6px 0;font:700 clamp(17px,1.7vw,25px)/1.25 var(--display);font-stretch:100%;letter-spacing:-.01em;color:#f6f6f1}.de-prompt small{font-size:13px;color:#a3aca3}
.de-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(10px,1.2vw,16px);align-items:start}.de-sample{margin:0 0 10px;border-radius:5px;overflow:hidden;background:#050605}.de-sample img{display:block;width:100%;max-height:60vh;object-fit:contain}.de-sample figcaption{padding:7px 10px;font-size:12.5px;color:#c6cdc6}
.de-pick{display:block;flex:1 1 240px;min-width:0;max-width:520px}.de-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.de-file{position:relative;display:flex;flex-direction:column;gap:3px;min-height:44px;padding:9px 12px;border:1px dashed var(--line2,var(--line));border-radius:6px;cursor:pointer;min-width:0}.de-file:hover,.de-file:focus-within{border-color:var(--a1)}.de-file span{font-size:12.5px;color:var(--mut)}.de-file b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.de-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
@media (max-width:900px){.de-layout{grid-template-columns:minmax(0,1fr)}.de-stage{display:block;margin-inline:-16px;min-height:0}.de-reel{padding:14px 11vw}.de-sheet{flex-basis:78vw;max-width:none}.de-info{max-height:none;padding:16px 16px 24px;background:rgba(6,7,6,.74)}.de-ctl{position:static;padding:0 16px 8px;justify-content:center}.de-film{padding:0 16px 8px}}
@media (prefers-reduced-motion:reduce){.de-sheet,.de-sheet img,.de-glow img{transition:none}.de-sheet.on img{transform:none}.de-morph{animation:none}}

/* == create == */
.on-create .cpanel{border-radius:6px}.on-create .hero,.on-create .rstage,.on-create .gcard{border-radius:6px}.on-create .gsel,.on-create .field,.on-create .gobtn{border-radius:5px}
.on-create .herocopy h2{font-weight:900;font-stretch:125%;font-size:clamp(34px,4.6vw,80px);letter-spacing:-.035em;line-height:.9}
.on-create .sect h2{font-size:clamp(25px,2.7vw,40px)}
.on-create .sectsub a{padding-block:12px}
:root[data-theme=light] .on-create .sectsub a{color:#0b6b3a}
.on-create .gobtn:disabled{color:#a3aca3}
.on-create .gblank{background:#0b0d0b}.on-create .hero .pill{color:#fff}:root[data-theme=light] .on-create .gencost b{color:#0b6b3a}:root[data-theme=light] .on-create .gflag.warn{background:#0b0d0b;color:#f5c518}

/* == pro == */
body.on-pro main .g3d-flatbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
body.on-pro main .g3d-seg button{min-height:40px;min-width:44px}
body.on-pro main :focus-visible{outline:2px solid var(--sb-ink,var(--a1));outline-offset:2px}
body.on-pro main .graphbox{border-radius:6px}
/* the Pro page's list of everything */
.g3d-any{position:relative;display:flex;gap:5px}.g3d-anybox{position:absolute;z-index:30;top:calc(100% + 6px);right:0;width:min(420px,88vw);display:flex;flex-direction:column;gap:6px;padding:8px;background:#0b0d0b;border:1px solid var(--line2);border-radius:6px}.g3d-anybox input{width:100%}
.g3d-anybox [role=listbox]{display:flex;flex-direction:column;max-height:52vh;overflow:auto}.g3d-anybox [role=option]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-bottom:1px solid var(--line)}.g3d-anybox [role=option]:hover,.g3d-anybox [role=option]:focus-visible,.g3d-anybox [role=option][aria-selected=true]{background:#1a1f1b}.g3d-anybox small{color:var(--mut)}
.apinotgraph{padding:clamp(12px,1.4vw,20px);background:var(--panel);border-left:3px solid #f5c518;border-radius:4px;max-width:900px}