.appearance-panel .section-heading h2{margin-top:4px}.appearance-status{padding:32px 15px;text-align:center;font-size:13px;color:var(--muted)}.appearance-workspace{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:25px}.appearance-workspace[hidden],.preview-timeline[hidden]{display:none}.appearance-stage{position:relative;min-width:0;height:410px;background-color:var(--bg);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:28px 28px;border:1px solid var(--border);border-radius:10px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}.appearance-stage:active{cursor:grabbing}.appearance-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.preview-facing{position:absolute;left:14px;top:12px;font-size:10px;font-weight:600;color:var(--green);padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.preview-drag{position:absolute;right:14px;top:17px;font-size:10px;color:var(--muted);background:var(--bg);padding:0 5px}.preview-turn-controls{position:absolute;left:0;right:0;bottom:13px;display:flex;justify-content:center;gap:9px}.preview-turn-controls .icon-button{background:var(--surface)}.appearance-controls{display:flex;flex-direction:column;gap:12px}.appearance-controls>label,.preview-playback>label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.appearance-controls select{width:100%;font-size:12px}.preview-gender{margin:0;padding:0;border:0;display:flex;gap:7px}.preview-gender legend{font-size:11px;color:var(--muted);margin-bottom:5px;padding:0}.preview-gender button,.preview-compass button{background:var(--surface);border:1px solid var(--border);border-radius:5px;font-size:11px;padding:8px 13px;flex:1}.preview-gender button[aria-pressed=true],.preview-compass button[aria-pressed=true]{background:var(--green-soft);color:var(--green);border-color:var(--green)}.preview-gender button:disabled{opacity:.35;cursor:default}.preview-playback{display:flex;align-items:end;gap:10px}.preview-playback .button{min-width:81px;height:39px;min-height:39px;padding:9px 12px}.preview-playback label{flex:1}.appearance-controls>.preview-toggle{display:flex;flex-direction:row;gap:8px;align-items:center;font-size:12px;color:var(--text)}.preview-toggle input{min-height:0;width:15px;height:15px;accent-color:var(--green)}.preview-compass{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:2px}.preview-compass button{padding:6px 8px;font-size:10px;min-height:30px}.preview-compass .compass-center{display:grid;place-items:center;color:var(--muted)}.preview-timeline{display:flex;align-items:center;gap:10px;margin-top:18px}.preview-timeline input{padding:0;min-height:20px;flex:1;accent-color:var(--green)}.preview-timeline output{min-width:55px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}
.appearance-panel [hidden]{display:none!important}
@media(max-width:950px){.appearance-workspace{grid-template-columns:minmax(0,1fr) 175px;gap:15px}.appearance-stage{height:400px}.preview-drag{display:none}}
@media(max-width:700px){.appearance-workspace{grid-template-columns:1fr}.appearance-stage{height:340px}.appearance-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.preview-compass{grid-column:2;grid-row:3 / span 2}.preview-toggle{grid-column:1}.preview-drag{display:block;font-size:9px}.appearance-controls select{font-size:12px}.preview-timeline{gap:7px}.appearance-panel>.section-heading>.badge{font-size:9px}.appearance-stage canvas{max-width:none}}