/* Shared typography and spacing replace the accumulated archive overrides. */
:root{--ui-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ui-number:ui-monospace,SFMono-Regular,Menlo,monospace;--header:68px}
body.royal-workspace{font-family:var(--ui-font);font-size:14px;line-height:1.4;letter-spacing:0}
.royal-workspace button,.royal-workspace select,.royal-workspace input{font-family:var(--ui-font)}
.royal-workspace .topbar{height:var(--header);padding:0 28px}.royal-workspace .brand-name{font-size:16px;font-weight:650;letter-spacing:.04em}.royal-workspace .meta{font-size:12px;letter-spacing:.05em}.royal-workspace .status-dot{display:none}
.royal-workspace main{max-width:1500px;margin:auto;padding:24px 28px}.royal-workspace #filters{display:none}.royal-workspace .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.royal-workspace .card{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:border-color .2s,transform .2s}.royal-workspace .card:hover{transform:translateY(-3px);border-color:var(--accent)}.royal-workspace .card-preview{aspect-ratio:4/3}.royal-workspace .card-info{padding:16px;gap:8px;align-items:start}.royal-workspace .card-title{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.02em}.royal-workspace .card-tag{font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0;margin-top:7px}.royal-workspace .card-index{font-size:11px;letter-spacing:0}.royal-workspace footer{font-size:12px;margin-top:24px;letter-spacing:.02em}
.royal-workspace .editorbody{grid-template-columns:minmax(0,1fr) 370px}.royal-workspace .inspector{padding:18px 20px;scrollbar-width:thin}.royal-workspace .inspector-tabs{position:sticky;top:-18px;background:var(--panel);z-index:4;padding:12px 0;margin-bottom:16px;gap:6px}.royal-workspace .inspector-tabs button{font-size:13px;font-weight:600;letter-spacing:.02em;height:36px;border-radius:6px}.royal-workspace .inspector-tab-panel{gap:0}.royal-workspace .inspector-section,.royal-workspace .workspace-section,.royal-workspace .sovereign-group{margin:0 0 20px;padding:0 0 16px;border:0;border-bottom:1px solid var(--line)}
.royal-workspace .inspector-section-title,.royal-workspace .workspace-section>h3,.royal-workspace .sovereign-group>h3,.royal-workspace .control-label{font-family:var(--ui-font);font-size:14px;font-weight:650;line-height:1.3;letter-spacing:0;text-transform:none;margin:0 0 12px;color:var(--text)}
.royal-workspace .parameter-control{margin:0 0 14px;padding:0;border:0}.royal-workspace .control-row{min-height:30px;gap:8px;margin-bottom:2px}.royal-workspace .control-row>label{font-size:13px!important;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--text);font-weight:450}.royal-workspace .parameter-number{font-family:var(--ui-number);font-size:13px;width:64px;height:28px;padding:3px 5px;border-radius:5px}.royal-workspace .parameter-unit{font-size:12px}.royal-workspace .parameter-head{gap:4px}.royal-workspace .motion-toggle{width:28px;height:28px;min-width:28px;min-height:28px;font-size:18px;border-radius:5px}
.royal-workspace input[type=range]{height:24px;touch-action:pan-y;cursor:ew-resize;background:transparent;accent-color:var(--accent)}.royal-workspace input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--range-progress,0%),var(--line) var(--range-progress,0%))}.royal-workspace input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:var(--text);border:2px solid var(--panel);margin-top:-5px;box-shadow:0 0 0 1px var(--line)}.royal-workspace input[type=range]::-moz-range-track{height:5px;background:var(--line);border-radius:3px}.royal-workspace input[type=range]::-moz-range-thumb{width:13px;height:13px;background:var(--text);border:2px solid var(--panel);border-radius:50%}
.royal-workspace .workspace-select,.royal-workspace .sovereign-select,.royal-workspace .select{width:100%;height:36px;padding:6px 9px;font-size:13px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px}.royal-workspace .parameter-segments{gap:4px}.royal-workspace .parameter-segments button{font-size:12px;min-height:32px;padding:5px 8px;border-radius:5px}.royal-workspace .layer-tabs{gap:6px;margin-bottom:15px}.royal-workspace .layer-tabs button{font-size:13px;height:34px}.royal-workspace .position-pad{height:76px}.royal-workspace .vector-control{border-bottom:0;padding-bottom:0;margin-bottom:12px}.royal-workspace .vector-fields .parameter-control{margin-bottom:0}.royal-workspace .orientation-dimensions{padding:14px 0}.royal-workspace .orientation-presets button,.royal-workspace .axis-value,.royal-workspace .scale-link{font-size:12px}.royal-workspace .sovereign-color{font-size:13px}
.royal-workspace #presetStrip{display:flex!important;overflow:auto;gap:6px;padding:4px 0 10px;scrollbar-width:thin}.royal-workspace .preset-dot{flex:0 0 auto;width:auto;min-width:60px;height:32px;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap}.royal-workspace #presetName{display:none}.royal-workspace #random{width:100%;height:36px;border-radius:6px;font-size:13px;margin:6px 0 14px}.royal-workspace details>summary{font-size:13px;letter-spacing:0;text-transform:none;padding:12px 0}.royal-workspace .instrument-switch{font-size:17px;font-weight:600;max-width:190px;background:transparent;color:var(--text);border:0;padding:0 20px 0 0}.royal-workspace #editorTitle:has(+.instrument-switch){display:none}.royal-workspace .editor-cat{font-size:12px;letter-spacing:0;text-transform:none}.royal-workspace .editor-center{font-size:12px}.royal-workspace .btn{font-size:12px;letter-spacing:.01em;height:34px;border-radius:6px}.royal-workspace #copy{display:none}
.royal-workspace .workspace-field{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:3px 8px;margin:12px 0;font-size:13px}.royal-workspace .workspace-field input[type=range]{grid-column:1/-1;width:100%}.royal-workspace .workspace-field input[type=number]{width:64px;height:28px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:3px 5px}.royal-workspace .sovereign-audio button{font-size:12px;min-height:32px}.royal-workspace .sovereign-audio-status,.royal-workspace .music-clip-meta{font-size:12px}.royal-workspace .color-motion-name{font-size:13px}.royal-workspace .color-motion-mode select,.royal-workspace .color-motion-cycles input{font-size:13px}.royal-workspace .toggle-row{font-size:13px}.royal-workspace .export-header h2{font-size:23px;letter-spacing:-.02em}.royal-workspace .export-header span,.royal-workspace .export-section-head,.royal-workspace .export-settings-grid span{font-size:12px;letter-spacing:.03em}.royal-workspace .export-formats strong{font-size:15px}.royal-workspace .export-formats span,.royal-workspace .export-note,.royal-workspace .export-settings-grid strong,.royal-workspace .export-settings-grid select{font-size:12px;line-height:1.5}.royal-workspace .export-summary strong{font-size:16px}.royal-workspace .export-summary span,.royal-workspace .export-summary p{font-size:12px}.royal-workspace .export-panel{border-radius:12px}.royal-workspace .export-summary-art{width:104px}.royal-workspace .timeline-settings label>span{font-size:11px;letter-spacing:0}.royal-workspace .timeline-time{font-size:12px}.royal-workspace .help-title{font-size:20px}.royal-workspace #helpText,.royal-workspace #helpDetails{font-size:14px;line-height:1.5}.royal-workspace .help-card{max-height:75vh;overflow:auto}
@media(max-width:1150px){.royal-workspace .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.royal-workspace .editorbody{grid-template-columns:minmax(0,1fr) 340px}.royal-workspace .inspector{padding:16px}}
@media(max-width:900px){:root{--header:calc(56px + env(safe-area-inset-top,0px))}.royal-workspace .topbar{padding:0 14px}.royal-workspace main{padding:16px}.royal-workspace .gallery{gap:12px}.royal-workspace .card-title{font-size:18px}.royal-workspace .editorbody{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(130px,.85fr) minmax(130px,1fr)}.royal-workspace .inspector{padding:12px 16px}.royal-workspace .inspector-tabs{top:-12px}.royal-workspace .parameter-number,.royal-workspace .workspace-field input[type=number],.royal-workspace .workspace-select,.royal-workspace .sovereign-select{font-size:16px}.royal-workspace input[type=range]{height:32px}.royal-workspace input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px}.royal-workspace .motion-toggle{height:34px;width:34px;min-width:34px}.royal-workspace .btn{height:38px}.royal-workspace .export-panel{border-radius:0}.royal-workspace .system-id{display:none}.royal-workspace .instrument-switch{font-size:16px}.royal-workspace .inspector-section,.royal-workspace .workspace-section,.royal-workspace .sovereign-group{margin-bottom:16px}.royal-workspace .help-card{max-height:80dvh}}
@media(max-width:520px){.royal-workspace .gallery{grid-template-columns:1fr}.royal-workspace .card-preview{aspect-ratio:3/2}.royal-workspace .meta{display:none}.royal-workspace .card-info{padding:14px}.royal-workspace footer{font-size:11px}.royal-workspace .export-summary{grid-template-columns:88px minmax(0,1fr)}.royal-workspace .export-summary-art{width:88px}}
.royal-workspace .ins-head,.royal-workspace .preset-head,.royal-workspace .card-like,.royal-workspace .editor-like{display:none}
.royal-workspace .preset-block{padding:0;margin-bottom:16px}.royal-workspace .preset-block[hidden]{display:none}.royal-workspace textarea{font-family:var(--ui-font);font-size:16px;line-height:1.5}
@media(max-width:900px) and (orientation:landscape){.royal-workspace .editorbody{grid-template-columns:minmax(0,1fr) minmax(260px,40%);grid-template-rows:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.royal-workspace .card{transition:none}.royal-workspace .card:hover{transform:none}}
