@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#1b2e49;--color-bg-alt:#0f1a29;--color-surface:#264066;--color-border:#cac8d6;--color-border-strong:#cac8d6;--color-text:#f7f2e8;--color-text-muted:#f7f2e8;--color-text-hover:#8ca9d4;--color-text-on-dark:#1b2e49;--color-accent-green:#c2d9b9;--color-accent-green-hover:#a3c69a;--color-accent-green-light:#345530;--color-accent-amber:#f0cc85;--color-accent-amber-hover:#e8b354;--color-accent-amber-light:#6e481a;--color-text-placeholder:#aeacc0;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--space-4:1.5rem;--transition-base:.2s ease;--font-serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{gap:16px;max-width:960px;margin:0 auto;padding:24px;display:grid}.app-header{padding-top:64px}.app-header h1{font-family:var(--font-serif);margin:0;font-size:32px}.app-header p{color:var(--color-text-muted);margin:6px 0 0}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.actions-row{gap:8px;display:flex}.actions-row-bottom{margin-top:8px}.sections-stack{gap:12px;display:grid}.section-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);padding:12px}.section-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-title{font-family:var(--font-serif);text-transform:capitalize;margin:0;font-size:24px;font-weight:700}.toggle-label{align-items:center;gap:6px;font-size:14px;display:inline-flex}.section-body{margin-top:10px}.section-disabled-note{color:var(--color-text-muted);margin:10px 0 0;font-size:14px}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.single-column{grid-template-columns:1fr}.field-label{gap:6px;font-size:14px;display:grid}.fixed-description{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);margin:0;padding:8px 10px;line-height:1.45}.resource-title-locked{align-items:center;min-height:42px;display:flex}.subsection-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:8px;padding:10px;display:grid}.subsection-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.subsection-title{font-family:var(--font-sans);margin:0;font-size:15px;font-weight:700}.subsection-body{gap:8px;display:grid}.appearance-children{gap:10px;display:grid}.nested-subsections{border-left:2px solid var(--color-border);gap:8px;margin-left:12px;padding-left:12px;display:grid}.list-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:8px;margin:0;padding:10px;display:grid}.list-fieldset legend{padding:0 6px;font-size:14px;font-weight:600}.list-items,.list-plain{gap:8px;display:grid}.list-item-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.list-item-index{text-align:right;width:1.5rem;color:var(--color-text);font-weight:600}.named-item-row{grid-template-columns:auto 1fr auto;align-items:start;gap:8px;display:grid}.named-item-row input{min-width:140px}.named-item-row-stacked{grid-template-columns:1fr auto}.named-item-row-stacked .named-item-description-stacked{grid-column:1/2}.named-item-row-stacked button{grid-area:1/2/3/3;align-self:start}.subcomponent-list{gap:12px;display:grid}.subcomponent-row{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:10px;padding:10px;display:grid}.link-item-row{grid-template-columns:1fr 1.5fr auto;align-items:start;gap:8px;display:grid}.keybinding-row{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.keybinding-row input{min-width:120px}.navigation-row{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:8px 10px}textarea{resize:vertical;font-family:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}button{min-height:44px;padding-inline:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text);transition:var(--transition-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}button:hover{border-color:var(--color-text-hover);color:var(--color-text-hover)}.btn-primary{background:var(--color-text);color:var(--color-text-on-dark);border-color:#0000}.btn-primary:hover{background:var(--color-text-hover);color:var(--color-text-on-dark);border-color:#0000}input[type=checkbox]{accent-color:var(--color-text)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--color-accent-green);outline-offset:1px}.preview-panel{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);padding:12px}.preview-panel h2{font-family:var(--font-serif);margin:0 0 8px;font-size:24px;font-weight:700}.preview-panel pre{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:400px;margin:0;padding:10px;font-size:13px;overflow:auto}.table-container{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);max-width:100%;margin-bottom:8px;overflow-x:auto}.semantics-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.semantics-table th:first-child,.semantics-table td:first-child,.semantics-table th:nth-child(2),.semantics-table td:nth-child(2){width:28%}.semantics-table th:nth-child(3),.semantics-table td:nth-child(3){width:34%}.semantics-table th:nth-child(4),.semantics-table td:nth-child(4){width:70px}.semantics-table th{background:var(--color-bg);border-bottom:1px solid var(--color-border-strong);text-align:left;padding:8px 10px;font-weight:600}.semantics-table td{border-bottom:1px solid var(--color-border-strong);vertical-align:top;padding:6px 8px}.semantics-table textarea,.semantics-table input{box-sizing:border-box;width:100%;min-width:0}.semantics-table textarea{resize:vertical}.component-cell{gap:4px;display:grid}.component-cell input{font-size:13px}.preview-link{color:var(--color-accent-green);background:var(--color-accent-green-light);border-radius:var(--radius-sm);margin-top:4px;padding:4px 8px;font-size:13px;text-decoration:none;display:inline-block}.preview-link:hover{text-decoration:underline}@media (width<=760px){.app-shell{padding:14px}.meta-grid,.section-grid,.named-item-row,.link-item-row,.keybinding-row,.navigation-row{grid-template-columns:1fr}.named-item-row input,.keybinding-row input{min-width:unset}}