:root{--bench: #e6eaee;--paper: #fbfcfc;--ink: #17212b;--muted: #5b6976;--line: #c9d1d8;--brand: #fd7218;--brand-text: #b3470a;--red: #b93327;--display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bench);color:var(--ink);font:400 15px/1.5 var(--body)}h1,h2,h3{font-family:var(--display);line-height:1.15;margin:0}h2{font-size:1.05rem}h3{font-size:.95rem;margin-top:1.25rem}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;word-break:break-all}.boot{padding:3rem;text-align:center;color:var(--muted)}.error{color:var(--red);font-weight:500}.notice{color:#1f6b3a;font-weight:500}.primary,.secondary{border-radius:6px;padding:.6rem 1rem;font-weight:600;cursor:pointer;border:1px solid transparent}.primary{background:var(--brand);color:var(--ink)}.primary:hover{background:#ff8a3d}.primary:disabled{background:#f6c9a8;color:var(--muted);cursor:default}.secondary{background:var(--paper);border-color:var(--line)}.secondary:hover{border-color:var(--ink)}.link{background:none;border:0;padding:0;color:var(--brand-text);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link.danger{color:var(--red)}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:6px;padding:.5rem .6rem;width:100%}textarea{resize:vertical;min-height:7rem}label,.field{display:grid;gap:.3rem;font-weight:500;font-size:.9rem}.topbar{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.75rem 1.5rem;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font:700 1.35rem/1 var(--display);letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.logo{width:auto;flex:none}.tabs{display:flex;gap:.25rem}.tab{background:none;border:0;padding:.4rem .7rem;border-radius:6px;cursor:pointer;font-weight:500;color:var(--muted)}.tab:hover{color:var(--ink)}.tab[aria-current=page]{background:var(--ink);color:var(--paper)}.quota{margin-left:auto;display:grid;gap:.25rem;font-size:.85rem;min-width:13rem}.meter{height:6px;background:var(--bench);border-radius:3px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--brand)}.account{display:flex;gap:.75rem;align-items:baseline;font-size:.9rem}main{padding:1.5rem;max-width:1500px;margin:0 auto}.login{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(24rem,100%);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:2rem;display:grid;gap:1rem}.login-card h1{font-size:2.4rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.studio{display:grid;grid-template-columns:23rem minmax(0,1fr);gap:1.5rem;align-items:start}.composer{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1.25rem;display:grid;gap:1rem;position:sticky;top:1rem}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:500;font-size:.9rem;padding:0;margin-bottom:.4rem}.models{display:grid;gap:.4rem}.model{grid-template-columns:auto 1fr;align-items:start;column-gap:.6rem;row-gap:.15rem;border:1px solid var(--line);border-radius:8px;padding:.6rem .7rem;cursor:pointer;background:#fff}.model:has(input:checked){border-color:var(--ink);box-shadow:inset 4px 0 0 var(--brand)}.model input{width:auto;margin-top:.25rem;accent-color:var(--ink)}.model strong{display:block;font-family:var(--display);font-size:1rem}.model small{color:var(--muted);font-weight:400;font-size:.82rem}.model em{grid-column:2;font-style:normal;font-size:.8rem;color:var(--brand-text);font-weight:600}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.6rem}.refs{display:flex;flex-wrap:wrap;gap:.5rem}.ref{position:relative;width:4.5rem;height:4.5rem;border-radius:6px;overflow:hidden;background:var(--ink)}.ref img,.refs a img{width:100%;height:100%;object-fit:cover}.refs a{width:4.5rem;height:4.5rem;border-radius:6px;overflow:hidden}.ref button{position:absolute;top:2px;right:2px;width:1.4rem;height:1.4rem;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer;line-height:1}.ref.add{display:grid;place-items:center;background:#fff;border:1px dashed var(--muted);color:var(--muted);font-size:.8rem;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.75rem}.tile{display:grid;padding:0;border:0;background:var(--ink);border-radius:4px;overflow:hidden;cursor:pointer;text-align:left}.tile:hover .label{background:#fff}.frame{position:relative;aspect-ratio:1;display:grid;place-items:center;margin:5px 5px 0;background:#0e151c;overflow:hidden}.frame img{width:100%;height:100%;object-fit:cover}.frame .count{position:absolute;top:6px;right:6px;background:var(--paper);color:var(--ink);font-size:.75rem;font-weight:600;padding:0 .4rem;border-radius:3px}.developing{color:#aab6c2;font-size:.9rem}.failed{color:#f0a59d;font-size:.9rem}.label{display:grid;grid-template-columns:1fr auto;column-gap:.5rem;margin:5px;padding:.4rem .5rem;background:var(--paper);border-radius:2px;font-size:.8rem;line-height:1.3;color:var(--muted)}.label strong{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label .cost{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--brand-text);font-weight:600}.is-failed .label .cost{color:var(--muted)}.empty{background:var(--paper);border:1px dashed var(--line);border-radius:10px;padding:2rem;color:var(--muted);max-width:34rem}.more{display:block;margin:1.25rem auto 0}.detail{border:0;padding:0;border-radius:10px;width:min(64rem,94vw);max-height:92vh;background:var(--paper);color:var(--ink)}.detail::backdrop{background:#17212bb3}.detail-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(16rem,2fr)}.detail-media{background:var(--ink);padding:.75rem;display:grid;gap:.75rem;align-content:start;min-height:16rem}.detail-media .error{color:#f0a59d;padding:1rem}.detail-media .developing{padding:1rem}.detail-info{padding:1.5rem;display:grid;gap:.9rem;align-content:start}.prompt{white-space:pre-wrap;max-width:60ch}dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0;font-size:.9rem}dl .pair{display:contents}dt{color:var(--muted)}dd{margin:0}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.admin{display:grid;gap:1.25rem}.summary{display:grid;grid-template-columns:17rem minmax(0,1fr);gap:1.25rem;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1.25rem}.figures{display:grid;gap:.9rem;align-content:start;color:var(--muted)}.figures strong{display:block;font:700 1.9rem/1.1 var(--display);color:var(--ink)}.spend{display:grid;gap:.35rem;align-content:start}.spend h2{margin-bottom:.4rem}.bar-row{display:grid;grid-template-columns:10rem minmax(3rem,1fr) 12rem;gap:.75rem;align-items:center;background:none;border:0;padding:.2rem 0;cursor:pointer;text-align:left;font-size:.9rem}.bar-row:hover .who{text-decoration:underline}.bar-row .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.bar{height:10px;background:var(--bench);border-radius:2px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--brand)}.bar-row .num{color:var(--muted);font-variant-numeric:tabular-nums}.filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1rem 1.25rem}.filters label{min-width:8.5rem}.filters .grow{flex:1 1 14rem}.table-wrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-weight:600;color:var(--muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}.n{text-align:right;font-variant-numeric:tabular-nums}tr.off td{color:var(--muted);background:#f1f3f5}td select{width:auto}.limit{width:6rem;text-align:right;margin-left:auto}.actions{white-space:nowrap}.actions .link+.link{margin-left:1rem}@media (max-width: 860px){main{padding:1rem}.studio,.summary,.detail-body{grid-template-columns:1fr}.composer{position:static}.quota{margin-left:0;order:3;flex:1 1 100%}.bar-row{grid-template-columns:7rem 1fr}.bar-row .num{grid-column:1 / -1}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}