style-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"header header" "preview body";flex:1;min-inline-size:0;overflow:hidden;background:var(--paper)}style-editor editor-header{grid-area:header;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--rule)}style-editor editor-heading{display:flex;flex-direction:column;gap:var(--space-3xs);flex:1;min-inline-size:0}style-editor editor-title{font-size:var(--type-title);font-weight:680;line-height:var(--leading-tight);letter-spacing:-.01em}style-editor editor-hint{color:var(--ink-soft);font-size:var(--type-small);line-height:1.4}style-editor terminal-pane{grid-area:preview;margin:var(--space-md);border-radius:var(--shape-md);overflow:hidden;box-shadow:var(--shadow-2)}style-editor editor-body{grid-area:body;display:flex;flex-direction:column;gap:var(--space-lg);overflow:auto;padding:var(--space-md) var(--space-md) var(--space-xl);border-inline-start:1px solid var(--rule);scrollbar-width:thin;scrollbar-color:var(--control-line) transparent}@media (max-width: 899px){style-editor{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 15rem minmax(0,1fr);grid-template-areas:"header" "preview" "body"}style-editor terminal-pane{margin:var(--space-sm) var(--space-sm) 0}style-editor editor-body{border-inline-start:none;padding-inline:var(--space-sm)}style-editor editor-hint{display:none}}style-editor preset-list label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);min-block-size:var(--touch-target);padding:var(--space-2xs) var(--space-sm);border:1px solid var(--rule);border-radius:var(--shape-md);background:var(--paper)}style-editor preset-list field-name{font-size:var(--type-small);font-weight:600}style-editor style-form{display:flex;flex-direction:column;gap:var(--space-md)}style-editor style-section{display:flex;flex-direction:column;gap:var(--space-xs)}style-editor style-section>data-label{padding-inline:var(--space-2xs);text-transform:uppercase;letter-spacing:var(--track-label);font-weight:600}style-editor section-fields{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:var(--shape-md);background:var(--paper)}style-editor style-field+style-field{border-block-start:1px solid var(--rule)}style-editor style-field label{display:grid;grid-template-columns:minmax(0,1fr) auto 5.5rem;align-items:center;gap:var(--space-sm);min-block-size:var(--touch-target);padding:var(--space-2xs) var(--space-sm)}style-editor field-name{font-size:var(--type-small)}style-editor field-value{font-family:var(--voice-data);font-size:var(--type-label);color:var(--ink-faint);text-align:end}style-editor style-field input[type=range]{inline-size:min(11rem,36vw);accent-color:var(--ink)}style-editor style-field input[type=color]{inline-size:2.75rem;block-size:1.75rem;padding:0;border:1px solid var(--control-line);border-radius:var(--shape-xs);background:none;cursor:pointer}style-editor style-field input[type=checkbox]{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--ink)}style-editor :is(style-field,preset-list) select{max-inline-size:13rem;block-size:2.25rem;padding-inline:var(--space-xs);border:1px solid var(--control-line);border-radius:var(--shape-sm);background:var(--field);color:var(--ink);font:inherit;font-size:var(--type-small)}style-editor style-field[kind=choice] label{grid-template-columns:minmax(0,1fr) auto}style-editor style-field[kind=choice] field-value{display:none}