*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit;background:0 0;border-radius:0}::placeholder{opacity:1;color:var(--faint)}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}img,svg,video,canvas{display:block}img,video{max-width:100%}:root{--bg:#f3f3f0;--panel:#fafaf8;--card:#fff;--ink:#101214;--ink2:#2b2e31;--soft:#6f7378;--faint:#a6a9ad;--line:#e3e3df;--line2:#ebebe7;--hover:#1012140d;--press:#10121417;--stop:#e2412d;--ease:cubic-bezier(.23, 1, .32, 1);--lift:0 1px 2px #1012140d, 0 12px 32px -16px #10121438;--float:0 1px 2px #1012140f, 0 18px 48px -18px #10121452;--t-cap:12px;--t-meta:13px;--t-ui:14px;--t-body:15px;--t-input:16px;--t-h3:17px;--t-h2:20px;--t-h1:24px;--t-display:30px;--c-sm:32px;--c-md:36px;--c-lg:44px;--c-xl:48px;--rail:232px;--col:960px}html{background:var(--bg);-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,sans-serif;font-size:var(--t-ui);letter-spacing:-.01em;word-break:keep-all;-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5}button,a,label[for]{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}.nums{font-variant-numeric:tabular-nums;white-space:nowrap}.soft{color:var(--soft)}.faint{color:var(--faint)}.grow{flex:1;min-width:0}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mark{flex:none;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;display:grid}.mark i{background:var(--ink);border-radius:3.5px}.mark i:nth-child(2){background:#8a8d91}.mark i:nth-child(3){background:#c9cac6}.mark.big{gap:3px;width:30px;height:30px}.mark.big i{border-radius:6px}.btn{height:var(--c-md);font-weight:600;font-size:var(--t-ui);white-space:nowrap;transition:transform .16s var(--ease), background .2s, opacity .2s, box-shadow .2s;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover:not(:disabled){background:#26292c}.btn.primary:disabled{opacity:.32}.btn.line{box-shadow:inset 0 0 0 1px var(--line);background:var(--card)}.btn.line:hover{box-shadow:inset 0 0 0 1px #cfd0cb}.btn.ghost:hover{background:var(--hover)}.btn.danger{color:var(--stop)}.btn.danger:hover{background:#e2412d14}.btn.lg{height:var(--c-xl);font-size:var(--t-body);border-radius:24px;padding:0 22px}.btn.sm{height:var(--c-sm);font-size:var(--t-meta);border-radius:16px;padding:0 13px}.btn .cost{opacity:.62;font-variant-numeric:tabular-nums;font-weight:500}.icon-btn{width:var(--c-sm);height:var(--c-sm);color:var(--soft);transition:background .15s, color .15s, transform .16s var(--ease);border-radius:10px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--hover);color:var(--ink)}.icon-btn:active{transform:scale(.94)}.icon-btn.on{color:var(--ink)}.chip{height:var(--c-sm);font-size:var(--t-ui);color:var(--ink2);white-space:nowrap;transition:background .15s, box-shadow .15s, transform .16s var(--ease);border-radius:16px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chip:hover{background:var(--hover)}.chip:active{transform:scale(.97)}.chip.open{background:var(--press)}.chip .dim,.chip svg{color:var(--soft)}.seg{background:#1012140e;border-radius:17px;flex:none;gap:2px;padding:2px;display:inline-flex}.seg button,.seg a{height:28px;font-size:var(--t-ui);color:var(--soft);transition:background .2s var(--ease), color .2s, box-shadow .2s;border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-weight:550;display:inline-flex}.seg button:hover,.seg a:hover{color:var(--ink)}.seg button[aria-pressed=true],.seg a[aria-current=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #1012141a,0 0 0 .5px #1012140f}.input{height:var(--c-lg);background:var(--card);width:100%;box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-body);border-radius:22px;padding:0 16px;transition:box-shadow .2s}.input:focus{box-shadow:inset 0 0 0 1.5px var(--ink);outline:none}.field-label{font-size:var(--t-cap);color:var(--soft);margin-bottom:6px;font-weight:600;display:block}textarea.input{resize:vertical;border-radius:16px;height:auto;min-height:120px;padding:12px 16px;line-height:1.55}.app{grid-template-columns:var(--rail) 1fr;min-height:100dvh;display:grid}.rail{border-right:1px solid var(--line2);background:var(--bg);flex-direction:column;gap:2px;height:100dvh;padding:14px 10px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{height:40px;font-weight:650;font-size:var(--t-body);letter-spacing:-.03em;align-items:center;gap:9px;margin-bottom:10px;padding:0 10px;display:flex}.nav{height:36px;color:var(--ink2);font-weight:520;font-size:var(--t-ui);border-radius:10px;align-items:center;gap:10px;padding:0 10px;transition:background .15s;display:flex;position:relative}.nav:hover{background:var(--hover)}.nav[aria-current=page]{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #10121412,0 0 0 .5px #1012140d}.nav svg{color:var(--soft);flex:none}.nav[aria-current=page] svg{color:var(--ink)}.nav .n{font-size:var(--t-cap);color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto}.nav.drop{box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--card)}.rail-head{font-size:var(--t-cap);color:var(--faint);justify-content:space-between;align-items:center;padding:18px 4px 4px 10px;font-weight:600;display:flex}.rail-head .icon-btn{border-radius:8px;width:26px;height:26px}.rail-empty{font-size:var(--t-meta);color:var(--faint);padding:4px 10px 6px}.rail-foot{flex-direction:column;gap:2px;margin-top:auto;padding-top:12px;display:flex}.spend{border-radius:12px;padding:10px 10px 8px;transition:background .15s;display:block}a.spend:hover{background:var(--hover)}.spend .label{font-size:var(--t-cap);color:var(--soft)}.spend .value{font-size:var(--t-h3);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:650}.me{border-radius:10px;align-items:center;gap:9px;height:40px;padding:0 6px 0 10px;display:flex}.me:hover{background:var(--hover)}.avatar{background:var(--ink);color:#fff;width:22px;height:22px;font-size:var(--t-cap);border-radius:50%;flex:none;place-items:center;font-weight:650;display:grid}.main{min-width:0;position:relative}.page{max-width:1480px;margin:0 auto;padding:26px 32px 80px}.page-head{flex-wrap:wrap;align-items:center;gap:14px;min-height:40px;margin-bottom:22px;display:flex}.page-head h1{font-size:var(--t-h1);letter-spacing:-.035em;align-items:center;gap:10px;font-weight:680;display:flex}.page-head .tools{align-items:center;gap:8px;margin-left:auto;display:flex}.badge{height:22px;font-size:var(--t-cap);color:var(--soft);letter-spacing:0;background:#1012140f;border-radius:11px;align-items:center;gap:5px;padding:0 8px;font-weight:600;display:inline-flex}.pop{z-index:60;background:var(--card);min-width:180px;max-width:min(420px,100vw - 24px);max-height:min(560px,100dvh - 24px);box-shadow:var(--float), 0 0 0 .5px #10121414;animation:pop .18s var(--ease) both;transform-origin:var(--origin,bottom left);border-radius:14px;padding:6px;position:fixed;overflow-y:auto}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(4px)}}.pop-title{font-size:var(--t-cap);color:var(--faint);padding:8px 10px 6px;font-weight:600}.pop-item{text-align:left;width:100%;min-height:34px;font-size:var(--t-ui);border-radius:9px;align-items:center;gap:10px;padding:7px 10px;transition:background .12s;display:flex}.pop-item:hover,.pop-item:focus-visible{background:var(--hover);outline:none}.pop-item .check{color:var(--ink);margin-left:auto}.pop-item.danger{color:var(--stop)}.pop-item svg{color:var(--soft);flex:none}.pop-sep{background:var(--line2);height:1px;margin:5px 4px}.models{width:380px}.model-row{align-items:flex-start;gap:12px;padding:10px 12px}.model-row .mk{background:var(--bg);width:30px;height:30px;font-size:var(--t-cap);color:var(--ink2);letter-spacing:-.02em;border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid}.model-row .t{font-weight:620;font-size:var(--t-ui);align-items:center;gap:8px;display:flex}.model-row .b{color:var(--soft);font-size:var(--t-meta);margin-top:1px;line-height:1.4}.model-row .p{color:var(--faint);font-size:var(--t-cap);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-top:4px;display:flex}.model-row[aria-selected=true]{background:var(--bg)}.dots{align-items:center;gap:2px;display:inline-flex}.dots i{background:var(--line);border-radius:2px;width:4px;height:4px}.dots i.on{background:var(--soft)}.create{flex-direction:column;height:100dvh;display:flex}.feed{scrollbar-gutter:stable both-edges;flex:1;padding:28px 32px 24px;overflow-y:auto}.feed-inner{max-width:var(--col);flex-direction:column;gap:36px;width:100%;margin:0 auto;display:flex}.create.first .empty .composer-wrap{width:100%;max-width:var(--col);padding:26px 0 0}.create.first .empty .composer{text-align:left}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:52vh;padding:40px 24px;display:flex}.empty h1{font-size:var(--t-display);letter-spacing:-.04em;font-weight:680}.empty p{color:var(--soft);font-size:var(--t-body)}.starters{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin-top:22px;display:flex}.starter{background:var(--card);height:44px;box-shadow:0 0 0 1px var(--line2);font-size:var(--t-ui);transition:box-shadow .2s, transform .16s var(--ease);border-radius:22px;align-items:center;gap:10px;max-width:340px;padding:0 16px 0 6px;display:flex}.starter:hover{box-shadow:0 0 0 1px #cfd0cb, var(--lift)}.starter:active{transform:scale(.98)}.starter .thumb{object-fit:cover;background:var(--bg);border-radius:16px;flex:none;width:32px;height:32px}.starter span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gen{flex-direction:column;gap:12px;display:flex}.gen.fresh{animation:rise .4s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.gen-head{align-items:flex-start;gap:16px;display:flex}.gen-text{flex:1;min-width:0}.gen-prompt{font-size:var(--t-body);color:var(--ink);-webkit-line-clamp:2;cursor:text;white-space:pre-wrap;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.gen-prompt.full{-webkit-line-clamp:unset}.gen-prompt.none{color:var(--faint)}.gen-meta{font-size:var(--t-meta);color:var(--soft);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:5px;display:flex}.gen-meta .sep{background:var(--faint);border-radius:1px;width:2px;height:2px}.gen-meta .model{color:var(--ink2);font-weight:550}.gen-who{font-size:var(--t-ui);align-items:baseline;gap:8px;margin-bottom:2px;font-weight:620;display:flex}.gen-who .faint{font-weight:450;font-size:var(--t-cap)}.avatar.lg{width:30px;height:30px;font-size:var(--t-meta);margin-top:1px}.gen-meta .cost{color:var(--ink2);font-variant-numeric:tabular-nums;font-weight:600}.gen-meta .est{color:var(--faint);font-variant-numeric:tabular-nums}.gen-inputs{gap:6px;margin-top:8px;display:flex}.gen-inputs .ref{transition:transform .16s var(--ease);border-radius:8px;position:relative}.gen-inputs .ref:hover{transform:translateY(-1px)}.gen-inputs .aud{background:var(--line2);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.gen-inputs img,.gen-inputs video{object-fit:cover;background:var(--line2);border-radius:8px;width:34px;height:34px}.gen-inputs .ref b{font-size:var(--t-cap);color:#fff;background:#101214b3;border-radius:4px;padding:0 3px;font-weight:700;line-height:13px;position:absolute;bottom:3px;left:3px}.gen-actions{opacity:0;flex:none;gap:2px;transition:opacity .2s;display:flex}.gen:hover .gen-actions,.gen:focus-within .gen-actions{opacity:1}.tiles{flex-wrap:wrap;gap:8px;display:flex}.tile{background:var(--line2);cursor:zoom-in;height:var(--h,280px);aspect-ratio:var(--ar,1);border-radius:14px;flex:none;max-width:100%;position:relative;overflow:hidden}.tile img,.tile video{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease), opacity .4s}.tile img{opacity:0}.tile img.ready{opacity:1}.tile-bar{opacity:0;color:#fff;background:linear-gradient(#0000,#10121475);align-items:center;gap:4px;padding:28px 8px 8px;transition:opacity .2s;display:flex;position:absolute;inset:auto 0 0}.tile:hover .tile-bar,.tile:focus-within .tile-bar{opacity:1}.tile-bar .icon-btn{color:#ffffffeb;width:30px;height:30px}.tile-bar .icon-btn:hover{color:#fff;background:#ffffff29}.tile-bar .use{height:30px;color:var(--ink);font-size:var(--t-meta);transition:transform .16s var(--ease);background:#fffffff0;border-radius:15px;align-items:center;gap:6px;padding:0 11px;font-weight:600;display:inline-flex}.tile-bar .use:active{transform:scale(.96)}.tile .tag,.cell .tag{color:#fff;height:22px;font-size:var(--t-cap);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1012148c;border-radius:11px;align-items:center;gap:4px;padding:0 7px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}.tile .fav,.cell .fav{color:#fff;filter:drop-shadow(0 1px 2px #0000004d);position:absolute;top:8px;right:8px}.tile.wait{cursor:default;background:#ebebe7;place-items:center;display:grid}.tile.wait:before{content:"";background:radial-gradient(120% 80% at var(--gx,30%) 20%, #ffffffbf, transparent 60%);animation:6s ease-in-out infinite glow;animation-delay:var(--delay,0s);opacity:.9;position:absolute;inset:0}@keyframes glow{0%,to{--gx:20%;opacity:.55}50%{--gx:80%;opacity:1}}@property --gx{syntax:"<percentage>";inherits:false;initial-value:30%}.wait-body{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:0 16px;display:flex;position:relative}.wait-mark{grid-template-columns:1fr 1fr;gap:3px;width:26px;height:26px;display:grid}.wait-mark i{background:var(--ink);opacity:.12;animation:tilepulse 1.6s var(--ease) infinite;animation-delay:var(--delay,0s);border-radius:5px}.wait-mark i:nth-child(2){animation-delay:calc(var(--delay,0s) + .2s)}.wait-mark i:nth-child(4){animation-delay:calc(var(--delay,0s) + .4s)}.wait-mark i:nth-child(3){animation-delay:calc(var(--delay,0s) + .6s)}@keyframes tilepulse{0%,to{opacity:.12;transform:scale(.86)}30%{opacity:.85;transform:scale(1)}}.wait-step{font-size:var(--t-meta);color:var(--ink2);animation:stepin .5s var(--ease) both;font-weight:600}@keyframes stepin{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}}.wait-time{font-size:var(--t-cap);color:var(--faint);font-variant-numeric:tabular-nums;min-height:16px}.wait-bar{background:#10121412;border-radius:2px;height:3px;position:absolute;bottom:12px;left:14px;right:14px;overflow:hidden}.wait-bar i{background:var(--ink);opacity:.55;transform-origin:0;border-radius:2px;height:100%;transition:transform .6s linear;display:block}.tile.fail{cursor:default;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);text-align:center;color:var(--soft);font-size:var(--t-meta);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.composer-wrap{flex:none;padding:0 32px 22px}.composer{max-width:var(--col);background:var(--card);box-shadow:var(--float), 0 0 0 .5px #1012140f;border-radius:22px;margin:0 auto;padding:14px 14px 12px;transition:box-shadow .2s;position:relative}.composer.drag{box-shadow:var(--float), 0 0 0 2px var(--ink)}.composer-drop{z-index:2;pointer-events:none;animation:pop .15s var(--ease) both;background:#fafaf8f0;border-radius:22px;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.slots{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:0 0 12px;display:flex}.slot{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.slot-label{font-size:var(--t-cap);color:var(--soft);font-weight:600}.slot-row{gap:6px;display:flex}.slot-add,.slot-item{border-radius:12px;flex:none;width:52px;height:52px;position:relative}.slot-add{color:var(--faint);box-shadow:inset 0 0 0 1.5px var(--line);background:var(--panel);transition:box-shadow .15s, color .15s, transform .16s var(--ease);place-items:center;display:grid}.slot-add:hover,.slot-add.over{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.slot-add:active{transform:scale(.96)}.slot-item img,.slot-item video{object-fit:cover;background:var(--line2);border-radius:12px;width:100%;height:100%}.slot-item .audio{background:var(--bg);width:100%;height:100%;color:var(--soft);border-radius:12px;place-items:center;display:grid}.slot-item .x{background:var(--ink);color:#fff;opacity:0;width:20px;height:20px;transition:opacity .15s, transform .15s var(--ease);box-shadow:0 0 0 2px var(--card);border-radius:10px;place-items:center;display:grid;position:absolute;top:-6px;right:-6px;transform:scale(.8)}.slot-item:hover .x,.slot-item:focus-within .x{opacity:1;transform:none}.slot-item .no{font-size:var(--t-cap);color:#fff;background:#101214a8;border-radius:5px;padding:0 4px;font-weight:700;line-height:15px;position:absolute;bottom:4px;left:4px}.slot-item.loading img{opacity:.5}.slot-item.loading:after{content:"";background:linear-gradient(100deg,#0000 20%,#fff9 45%,#0000 70%) 0 0/220% 100%;border-radius:12px;animation:1.4s linear infinite sweep;position:absolute;inset:0}.prompt-box{resize:none;width:100%;min-height:48px;max-height:40vh;font-size:var(--t-input);padding:2px 2px 10px;line-height:1.55;display:block;overflow-y:auto}.prompt-box:focus{outline:none}.composer-bar{flex-wrap:wrap;align-items:center;gap:6px 4px;padding-top:2px;display:flex}.composer-bar .model-pick{color:var(--ink);font-weight:620}.composer-bar .end{align-items:center;gap:6px;margin-left:auto;display:flex}.vsep{background:var(--line);width:1px;height:18px;margin:0 4px}.hint-error{color:var(--stop);font-size:var(--t-meta);padding:0 2px 8px}.kbd{font-size:var(--t-cap);color:var(--faint);font-weight:500}.lightbox{z-index:80;animation:fade .2s var(--ease) both;background:#0c0d0ef0;grid-template-columns:1fr 360px;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.lb-stage{place-items:center;min-width:0;min-height:0;padding:56px 72px;display:grid;position:relative}.lb-stage>span>img,.lb-stage>span>video{object-fit:contain;width:100%;height:calc(100dvh - 112px);animation:zoomin .28s var(--ease) both}.lb-stage{background:#0c0d0e}.lb-stage>span>img{cursor:zoom-in}.lightbox.wide{grid-template-columns:1fr 0}.lightbox.wide .lb-side{display:none}.lb-actual{cursor:grab;overscroll-behavior:contain;place-items:center;display:grid;position:absolute;inset:0;overflow:auto}.lb-actual.dragging{cursor:grabbing}.lb-actual img{cursor:zoom-out;border-radius:0;max-width:none;max-height:none;animation:none}.lb-tools{z-index:2;gap:4px;display:flex;position:absolute;top:12px;right:14px}.lb-tools .icon-btn{color:#ffffffb8}.lb-tools .icon-btn:hover,.lb-tools .icon-btn.on{color:#fff;background:#ffffff1a}.lb-zoom{color:#ffffff8c;font-size:var(--t-cap);font-variant-numeric:tabular-nums;pointer-events:none;z-index:2;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes zoomin{0%{opacity:0;transform:scale(.98)}}.lb-nav{z-index:2;color:#ffffffb3;border-radius:22px;place-items:center;width:44px;height:44px;margin-top:-22px;transition:background .15s,color .15s;display:grid;position:absolute;top:50%}.lb-nav:hover{color:#fff;background:#ffffff14}.lb-close{color:#ffffffb8;z-index:2;position:absolute;top:14px;left:16px}.lb-close:hover{color:#fff;background:#ffffff14}.lb-count{text-align:center;color:#ffffff73;font-size:var(--t-cap);font-variant-numeric:tabular-nums;position:absolute;top:20px;left:0;right:0}.lb-side{background:var(--panel);flex-direction:column;gap:18px;padding:22px 22px 18px;display:flex;overflow-y:auto}.lb-side .who{font-size:var(--t-ui);align-items:center;gap:10px;display:flex}.lb-side .prompt{font-size:var(--t-body);white-space:pre-wrap;line-height:1.6}.lb-side dl{font-size:var(--t-ui);grid-template-columns:76px 1fr;gap:8px 10px;display:grid}.lb-side dt{color:var(--soft)}.lb-side dd{font-variant-numeric:tabular-nums}.lb-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.lb-actions .row{gap:8px;display:flex}.lb-actions .row .btn{flex:1}.grid{flex-wrap:wrap;gap:8px;display:flex}.grid:after{content:"";flex-grow:100000}.grid .cell{background:var(--line2);cursor:zoom-in;flex:calc(var(--ar,1) * 100) 1 calc(220px * var(--ar,1));aspect-ratio:var(--ar,1);border-radius:12px;min-width:0;position:relative;overflow:hidden}.grid .cell img,.grid .cell video{object-fit:cover;width:100%;height:100%;transition:transform .25s var(--ease), border-radius .25s;display:block}.grid .cell .tile-bar{padding-top:34px}.grid .cell:hover .tile-bar{opacity:1}.grid .cell .pick{color:#0000;opacity:0;width:24px;height:24px;transition:opacity .15s, background .15s, transform .16s var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6;border-radius:12px;place-items:center;display:grid;position:absolute;top:8px;left:8px;box-shadow:inset 0 0 0 1.5px #fff}.grid .cell:hover .pick,.grid.selecting .cell .pick{opacity:1}.grid .cell.picked .pick{background:var(--ink);color:#fff;box-shadow:none;opacity:1}.grid .cell.picked{box-shadow:0 0 0 2.5px var(--ink)}.grid .cell.picked img,.grid .cell.picked video{border-radius:10px;transform:scale(.94)}.grid .cell .who{position:absolute;top:8px;right:8px}.empty-grid{text-align:center;color:var(--soft);flex-direction:column;align-items:center;gap:14px;padding:80px 20px;display:flex}.empty-grid .mark{opacity:.5}.bulk{left:calc(var(--rail) + 50%);z-index:50;background:var(--ink);color:#fff;box-shadow:var(--float);animation:bulk .25s var(--ease) both;border-radius:26px;align-items:center;gap:4px;padding:6px 6px 6px 18px;display:flex;position:fixed;bottom:26px;transform:translate(-50%)}@keyframes bulk{0%{opacity:0;transform:translate(-50%,12px)}}.bulk .count{font-variant-numeric:tabular-nums;margin-right:8px;font-weight:600}.bulk .btn{color:#fff;height:38px}.bulk .btn:hover{background:#ffffff1f}.bulk .btn.danger{color:#ff8a7a}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.card{background:var(--card);box-shadow:0 0 0 1px var(--line2);transition:box-shadow .2s, transform .2s var(--ease);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:0 0 0 1px #d7d8d3, var(--lift)}.card .cover{aspect-ratio:16/10;background:var(--bg);color:var(--faint);place-items:center;display:grid;position:relative;overflow:hidden}.card .cover img,.card .cover video{object-fit:cover;object-position:center 35%;width:100%;height:100%}.card .body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 12px;display:flex}.card .title{font-weight:650;font-size:var(--t-body);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.card .text{color:var(--soft);font-size:var(--t-meta);-webkit-line-clamp:3;white-space:pre-wrap;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.card .foot{font-size:var(--t-meta);color:var(--soft);align-items:center;gap:6px;padding:8px 10px 10px 16px;display:flex}.card .foot .grow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scrim{z-index:70;animation:fade .2s var(--ease) both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10121447;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);width:min(520px,100%);box-shadow:var(--float);animation:pop .22s var(--ease) both;border-radius:22px;flex-direction:column;gap:16px;max-height:calc(100dvh - 40px);padding:22px;display:flex;overflow-y:auto}.dialog h2{font-size:var(--t-h2);letter-spacing:-.03em;font-weight:680}.dialog .actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.switch-row{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.switch-row .t{font-weight:600;font-size:var(--t-ui)}.switch-row .d{font-size:var(--t-meta);color:var(--soft)}.switch{width:38px;height:22px;transition:background .2s var(--ease);background:#d5d6d2;border-radius:11px;flex:none;position:relative}.switch:after{content:"";width:18px;height:18px;transition:transform .22s var(--ease);background:#fff;border-radius:9px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true]:after{transform:translate(16px)}.toast{left:calc(var(--rail) / 2 + 50%);z-index:90;background:var(--ink);color:#fff;font-size:var(--t-ui);box-shadow:var(--float);animation:toastin .25s var(--ease) both;border-radius:20px;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;top:18px;transform:translate(-50%)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,-8px)}}.toast button{color:#fff;text-underline-offset:3px;font-weight:650;text-decoration:underline}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{background:var(--card);box-shadow:0 0 0 1px var(--line2);border-radius:18px;padding:16px 18px}.stat .label{font-size:var(--t-meta);color:var(--soft)}.stat .value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:680}.stat .sub{font-size:var(--t-meta);color:var(--faint);font-variant-numeric:tabular-nums;margin-top:2px}.panel{background:var(--card);box-shadow:0 0 0 1px var(--line2);border-radius:18px;padding:18px 20px}.panel h2{font-size:var(--t-body);letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:14px;font-weight:650;display:flex}.panels{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.bars{align-items:flex-end;gap:4px;height:150px;display:flex}.bars .bar{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex;position:relative}.bars .bar i{background:var(--ink);min-height:2px;transition:height .5s var(--ease);border-radius:4px 4px 2px 2px;display:block}.bars .bar.zero i{background:var(--line)}.bars .bar:hover i{background:#4a4e53}.bars .bar .tip{background:var(--ink);color:#fff;font-size:var(--t-cap);white-space:nowrap;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums;z-index:2;border-radius:6px;padding:3px 7px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bars .bar:hover .tip{opacity:1}.axis{font-size:var(--t-cap);color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;display:flex}.table{border-collapse:collapse;width:100%;font-size:var(--t-ui)}.table th{text-align:left;color:var(--soft);font-weight:550;font-size:var(--t-meta);padding:0 8px 8px}.table td{border-top:1px solid var(--line2);vertical-align:middle;padding:9px 8px}.table .r{text-align:right;font-variant-numeric:tabular-nums}.table .share{width:90px}.meter{background:var(--line2);border-radius:2px;height:4px;overflow:hidden}.meter i{background:var(--ink);border-radius:2px;height:100%;display:block}.table .thumb{object-fit:cover;background:var(--line2);border-radius:8px;width:36px;height:36px}.table .clip{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.auth{place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-bg{opacity:.5;pointer-events:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px;display:grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 22%,#000 78%);mask-image:radial-gradient(#0000 22%,#000 78%)}.auth-bg i{aspect-ratio:var(--ar);background:var(--c);animation:7s ease-in-out infinite breathe;animation-delay:var(--d);border-radius:14px}@keyframes breathe{50%{opacity:.55}}.auth-card{background:var(--panel);width:min(400px,100%);box-shadow:var(--float), 0 0 0 .5px #1012140f;animation:rise .5s var(--ease) both;border-radius:28px;flex-direction:column;gap:22px;padding:34px 30px 28px;display:flex;position:relative}.auth-card .head{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.auth-card h1{font-size:var(--t-h1);letter-spacing:-.04em;font-weight:680}.auth-card .sub{color:var(--soft);font-size:var(--t-ui);margin-top:-6px}.auth-card .sub b{color:var(--ink);font-weight:600}.auth-card form{flex-direction:column;gap:10px;display:flex}.auth-card .error{color:var(--stop);font-size:var(--t-meta);text-align:center;min-height:20px}.auth-card .foot{text-align:center;font-size:var(--t-meta);color:var(--soft);justify-content:center;gap:14px;display:flex}.auth-card .foot button{color:var(--soft);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.auth-card .foot button:hover:not(:disabled){color:var(--ink)}.auth-card .foot button:disabled{color:var(--faint);text-decoration:none}.otp{justify-content:center;gap:7px;display:flex}.otp input{background:var(--card);width:46px;height:56px;box-shadow:inset 0 0 0 1px var(--line);text-align:center;font-variant-numeric:tabular-nums;caret-color:var(--ink);transition:box-shadow .15s, transform .15s var(--ease);border-radius:14px;font-size:24px;font-weight:620}.otp input:focus{box-shadow:inset 0 0 0 1.5px var(--ink);outline:none}.otp .dash{background:var(--line);border-radius:1px;align-self:center;width:8px;height:2px}.otp.shake{animation:.4s shake}.otp.busy input{color:var(--faint)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (max-width:860px){:root{--rail:0px}.app{grid-template-columns:1fr}.rail{height:60px;padding:6px 10px max(6px, env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line2);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f3f0f0;flex-direction:row;justify-content:space-around;position:fixed;inset:auto 0 0}.rail .brand,.rail .rail-head,.rail .rail-folders,.rail .rail-empty,.rail .spend,.rail .me .grow{display:none}.rail .rail-foot{flex-direction:row;margin:0;padding:0}.nav{height:46px;font-size:var(--t-cap);flex-direction:column;justify-content:center;gap:2px;padding:4px 12px}.nav .n{display:none}.page{padding:18px 16px 100px}.create{height:calc(100dvh - 60px)}.feed{padding:18px 16px}.composer-wrap{padding:0 10px 10px}.tile{width:100%;height:auto}.lightbox{grid-template-rows:1fr auto;grid-template-columns:1fr}.lb-stage{padding:52px 12px 12px}.lb-side{max-height:44dvh}.stats{grid-template-columns:1fr 1fr}.panels{grid-template-columns:1fr}.bulk{bottom:76px;left:50%}.models{width:min(380px,100vw - 24px)}}.more-older{justify-content:center;display:flex}.search{position:relative}.search svg{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{width:220px;height:32px;font-size:var(--t-ui);box-shadow:inset 0 0 0 1px var(--line);background:var(--card);transition:box-shadow .2s, width .25s var(--ease);border-radius:16px;padding:0 12px 0 34px}.search input:focus{box-shadow:inset 0 0 0 1.5px var(--ink);outline:none;width:280px}.scenes{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2);animation:rise .25s var(--ease) both;border-radius:14px;margin:0 0 10px;padding:10px 12px 4px}.scenes-head{font-size:var(--t-cap);color:var(--soft);justify-content:space-between;padding:0 2px 4px;font-weight:600;display:flex}.scene-box{font-size:var(--t-body);background-image:repeating-linear-gradient(transparent 0 calc(1.55em - 1px), var(--line2) calc(1.55em - 1px) 1.55em);background-position:0 6px;background-attachment:local;min-height:72px;max-height:168px;padding:2px 0 6px}.aspect-chip{color:var(--ink);font-weight:550}.aspects{grid-template-columns:repeat(4,76px);gap:4px;padding:2px 4px 4px;display:grid}.aspect{font-size:var(--t-meta);transition:background .15s, box-shadow .15s, transform .16s var(--ease);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-weight:600;display:flex}.aspect:hover{background:var(--hover)}.aspect:active{transform:scale(.96)}.aspect[aria-pressed=true]{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--ink)}.aspect .frame{place-items:center;width:36px;height:36px;display:grid}.aspect .box{box-shadow:inset 0 0 0 1.75px var(--ink2);background:#1012140a;border-radius:4px;display:block}.aspect .box.auto{box-shadow:none;color:var(--soft);place-items:center;display:grid}.aspect .use{font-size:var(--t-cap);color:var(--faint);white-space:nowrap;font-weight:450}.lb-refs{flex-wrap:wrap;gap:8px;display:flex}.lb-refs .ref{font-size:var(--t-cap);color:var(--soft);flex-direction:column;gap:4px;width:56px;display:flex}.lb-refs img,.lb-refs video,.lb-refs .aud{object-fit:cover;background:var(--line2);border-radius:10px;place-items:center;width:56px;height:56px;display:grid}.lb-refs b{font-weight:550}.tile-info{color:#fff;font-size:var(--t-meta);opacity:0;pointer-events:none;text-shadow:0 1px 2px #00000059;padding:0 12px;line-height:1.45;transition:opacity .2s;position:absolute;bottom:46px;left:0;right:0}.tile-info .p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-info .m{opacity:.75;font-size:var(--t-cap);margin-top:2px}.cell:hover .tile-info,.cell:focus-within .tile-info{opacity:1}.cell .tile-bar{background:linear-gradient(#0000,#1012149e);padding-top:90px}.card .refs{gap:4px;margin-top:4px;display:flex}.card .refs img{object-fit:cover;background:var(--line2);border-radius:6px;width:26px;height:26px}.team-head{max-width:var(--col);margin:0 auto 22px}.filters{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.refs-mini{display:flex}.refs-mini img,.refs-mini .aud{object-fit:cover;width:28px;height:28px;box-shadow:0 0 0 2px var(--card);background:var(--line2);border-radius:7px;place-items:center;margin-left:-8px;display:grid}.refs-mini>:first-child{margin-left:0}.gen.other .gen-actions{opacity:1}.gen-hidden{font-size:var(--t-cap);color:var(--faint);align-items:center;gap:5px;margin-top:8px;display:inline-flex}.batch-label{font-size:var(--t-cap);color:var(--soft);align-items:center;gap:5px;margin-bottom:3px;font-weight:600;display:inline-flex}.sheet{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.sheet-item{flex-direction:column;gap:6px;min-width:0;display:flex}.sheet-item .tile{width:100%;height:auto;aspect-ratio:var(--ar,1)}.sheet-item .tile.fail{font-size:var(--t-cap);padding:12px}.sheet-item figcaption{font-size:var(--t-meta);color:var(--ink2);text-overflow:ellipsis;white-space:nowrap;padding:0 2px;overflow:hidden}.gen.by .tiles,.gen.by .sheet{margin-left:46px}
