body{margin:0;background:var(--bg,#111416);color:var(--text,#e9e5dc);font-family:var(--sans,system-ui)}
#workspace{max-width:1600px;margin:0 auto;padding:0 24px 60px;box-sizing:border-box}
.model-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 28px}.model-heading h2{font:500 clamp(28px,4vw,46px)/1.2 var(--serif,Georgia);margin:8px 0 12px}.model-heading p{margin:0;color:var(--text-dim,#a4a59f)}
.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--text-accent,#cfb386)}.model-badge{font-size:12px;padding:9px 12px;border:1px solid var(--border,#343a3b);border-radius:20px;white-space:nowrap}
.model-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:28px;align-items:start}.model-controls{display:grid;gap:16px;min-width:0}.model-controls fieldset{margin:0;border:1px solid var(--border,#343a3b);padding:18px;border-radius:8px;min-width:0;background:var(--surface,#191d1f)}
.model-controls legend{padding:0 8px;color:var(--text-accent,#cfb386);font-size:12px;letter-spacing:.06em;font-weight:600}.model-controls label,.model-player label{display:grid;gap:7px;font-size:12px;color:var(--text-dim,#b5b6b0)}
input,select,button{font:inherit;box-sizing:border-box}input:not([type=checkbox]):not([type=range]),select{width:100%;min-width:0;padding:10px;border:1px solid var(--border,#343a3b);border-radius:5px;background:var(--bg,#111416);color:var(--text,#e9e5dc)}
button,.model-downloads a{border:1px solid var(--border,#343a3b);border-radius:5px;padding:10px 12px;color:var(--text,#e9e5dc);background:var(--surface,#242a2c);cursor:pointer;font-size:12px;text-decoration:none}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled),.model-downloads a:hover{border-color:var(--accent,#cfb386)}:focus-visible{outline:2px solid var(--accent,#cfb386);outline-offset:3px}
.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.hint{font-size:12px;color:var(--text-dim,#a4a59f);line-height:1.6}.model-upload{padding:24px 12px;border:1px dashed var(--accent,#b3956b);border-radius:6px;text-align:center;cursor:pointer}.model-upload strong{font-size:14px;color:var(--text,#e9e5dc)}#modelFiles{margin-top:12px;font-size:11px}.model-primary{width:100%;background:var(--accent,#c9ae7d);color:var(--on-accent,#181918);font-weight:700}
.model-output{min-width:0;border:1px solid var(--border,#343a3b);border-radius:10px;padding:20px;background:var(--surface,#191d1f)}.model-preview-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.model-preview-head h3{font-size:14px;margin:0}.model-preview-head span{font-size:11px;color:var(--text-dim,#a4a59f);overflow-wrap:anywhere}
.model-viewport,.model-sheet{background-color:#24292b;background-image:linear-gradient(45deg,#2c3234 25%,transparent 25%),linear-gradient(-45deg,#2c3234 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2c3234 75%),linear-gradient(-45deg,transparent 75%,#2c3234 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:6px}.model-viewport{position:relative;min-height:300px;display:grid;place-items:center}#modelPreview{display:block;width:min(100%,600px);height:auto;aspect-ratio:1;image-rendering:pixelated}#modelEmpty{position:absolute;text-align:center;padding:20px;pointer-events:none}#modelEmpty strong{font:28px var(--serif,Georgia)}#modelEmpty p{font-size:13px;color:#b5b6b0}
.model-player{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:16px}.model-player label{flex:1;min-width:90px}.model-player output{font-size:12px;min-width:70px}#modelStatus{font-size:13px;line-height:1.5;min-height:20px;overflow-wrap:anywhere}.model-progress{display:flex;align-items:center;gap:12px}.model-progress progress{flex:1;min-width:0}#modelResult{margin-top:25px;border-top:1px solid var(--border,#343a3b);padding-top:20px}.model-sheet{overflow:auto;max-height:520px}#modelAtlas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.model-downloads{display:flex;gap:10px;margin-top:14px}
.model-clip{border-top:1px solid var(--border,#343a3b);padding:12px 0}.model-clip:first-child{border:0}.model-clip .clip-title{display:flex;align-items:center;font-size:13px;overflow-wrap:anywhere}.model-clip .model-grid{margin:12px 0}.model-clip .clip-loop{display:flex;align-items:center}.model-clip input[type=checkbox]{accent-color:var(--accent,#c9ae7d)}[hidden]{display:none!important}
@media(min-width:1100px){.model-output{position:sticky;top:16px}}@media(max-width:800px){#workspace{padding:0 14px 30px}.model-layout{grid-template-columns:1fr}.model-heading{align-items:start;flex-direction:column}.model-output{grid-row:1}.model-viewport{min-height:200px}.model-badge{white-space:normal}.model-player{gap:8px}.model-output{padding:12px}}