:root{color-scheme:dark;--bg:#0a0b0d;--fg:#d8d3c8;--dim:#99948a;--line:#292a2e;--amber:#d79a3a;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-size:13px;line-height:1.6}header{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header a{color:inherit;text-decoration:none}header span{color:var(--dim);font-size:11px}main{max-width:1440px;margin:auto;padding:36px 26px}h1{font-size:clamp(23px,3vw,36px);font-weight:400;letter-spacing:-.04em;margin:0 0 7px}.intro p,.note{color:var(--dim)}.intro p{margin:0 0 30px}.studio{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}form{display:grid;gap:15px}label{display:grid;gap:6px;color:var(--dim);font-size:11px}input,select,textarea,button,.button{font:inherit;color:var(--fg);background:#141518;border:1px solid #35363b;border-radius:2px;padding:10px;width:100%;min-width:0}input,select,textarea{font-size:13px}button{cursor:pointer;min-height:42px}button:hover{border-color:var(--amber);color:var(--amber)}button.primary{background:var(--amber);border-color:var(--amber);color:var(--bg)}button.primary:hover{background:#e9ad4c}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.range-label{grid-template-columns:1fr auto}.range-label input{grid-column:1/-1;accent-color:var(--amber);padding:0;min-height:24px}.actions{display:flex;gap:8px}.actions button{font-size:11px}#status{margin:0;font-size:11px;min-height:18px;color:var(--amber)}.preview{min-width:0}#art{display:block;width:100%;height:auto;border:1px solid var(--line)}.caption{display:flex;justify-content:space-between;gap:10px;color:var(--dim);font-size:10px;margin-top:9px}.note{font-size:11px;max-width:750px;margin:26px 0 0} @media(max-width:760px){header{padding:13px 16px}header span{display:none}main{padding:24px 16px}.studio{display:flex;flex-direction:column;gap:22px}.preview{order:-1;width:100%}form{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}form>label:first-child{grid-column:1/-1}.actions{align-items:stretch}#status{grid-column:1/-1}.intro p{margin-bottom:20px}.note{margin-top:12px}}

textarea{resize:vertical;line-height:1.6}button:disabled{opacity:.5;cursor:wait}.button{text-align:center;text-decoration:none;font-size:11px}#art{max-height:680px;object-fit:contain;background:#131416}.preview{max-width:800px}#empty{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;border:1px solid var(--line);background:radial-gradient(ellipse at 60% 40%,#22202a,#121417 65%)}.empty-title{font-size:clamp(18px,2.2vw,28px);letter-spacing:-.04em}#model-status{color:var(--dim);max-width:340px}[hidden]{display:none!important}.studio{grid-template-columns:260px minmax(0,1fr)}

@media screen{header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:14px 16px 10px;border-bottom:1px solid var(--line);font-size:13px}header a{color:#99948a;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid transparent}header .mast{letter-spacing:.18em;color:#d8d3c8}header nav{display:flex;gap:14px;flex-wrap:wrap}header nav a:hover{color:#d8d3c8}header nav a[aria-current="page"]{color:#d79a3a;border-bottom-color:#d79a3a}}

#generation-progress{min-width:0}#drawing-progress{display:block;width:100%;height:6px;margin:10px 0;accent-color:var(--amber)}#drawing-progress::-webkit-progress-bar{background:var(--line);border-radius:2px}#drawing-progress::-webkit-progress-value{background:var(--amber);border-radius:2px}#drawing-progress:indeterminate{background:var(--line)}@media(max-width:760px){#generation-progress{grid-column:1/-1}}

.library{margin-top:46px;padding-top:20px;border-top:1px solid var(--line)}.library-heading,.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.library h2,.viewer-heading h2{font-size:13px;font-weight:400;margin:0}#library-count,#library-empty{font-size:11px;color:var(--dim)}#library-empty{margin:0}#library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.library-item{display:block;aspect-ratio:1;min-height:0;padding:0;overflow:hidden;border:1px solid var(--line);background:#131416}.library-item:hover{border-color:var(--amber)}.library-item img{display:block;width:100%;height:100%;object-fit:cover}#library-more{width:auto;margin-top:16px;font-size:11px}#library-viewer{width:min(760px,calc(100vw - 32px));max-height:90vh;padding:16px;border:1px solid var(--line);border-radius:2px;background:var(--bg);color:var(--fg)}#library-viewer::backdrop{background:rgba(0,0,0,.85)}#viewer-close{width:32px;min-height:32px;padding:2px;font-size:20px}#viewer-image{display:block;width:100%;max-height:64vh;object-fit:contain}#viewer-prompt,#viewer-meta{font-size:11px;line-height:1.6;color:var(--dim);overflow-wrap:anywhere;margin:12px 0 0}.viewer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.viewer-actions button,.viewer-actions .button{width:auto;font-size:11px}@media(max-width:760px){.library{margin-top:28px}#library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}

.intro a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}.intro a:hover{color:var(--amber);border-color:var(--amber)}