:root{color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:16px/1.5 Trebuchet MS,sans-serif}#root{min-height:100svh}body,p{margin:0}:root{--page-bg:#f5f1e8;--surface:#fffdf8;--surface-muted:#e8efec;--text:#24313b;--text-muted:#69767a;--border:#cbd8d4;--accent:#d95d39;--nav-bg:#173b40;--nav-text:#f5f1e8}:root[data-theme=dark]{--page-bg:#101b20;--surface:#17272d;--surface-muted:#20383b;--text:#edf1e8;--text-muted:#aabcb6;--border:#385259;--accent:#f28a5f;--nav-bg:#0b1519;--nav-text:#edf1e8}.app-shell{min-height:100svh;color:var(--text);background:var(--page-bg);transition:color .18s,background-color .18s}.app-shell[data-theme=dark]{background:var(--page-bg)}.main-content a,.main-content a:visited{color:var(--accent)!important;-webkit-text-decoration-color:var(--accent)!important;text-decoration-color:var(--accent)!important}.top-nav{background:var(--nav-bg);color:var(--nav-text);z-index:100;justify-content:space-between;align-items:center;min-height:68px;padding:0 clamp(20px,6vw,88px);display:flex;position:sticky;top:0}.brand-mark{letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem;font-weight:700}.nav-links{gap:8px;margin-left:auto;margin-right:20px;display:flex}.nav-links a{color:var(--nav-text);opacity:.7;border-bottom:2px solid #0000;padding:8px 10px;text-decoration:none;transition:opacity .18s,border-color .18s}.nav-links a:hover,.nav-links a.active{border-color:var(--accent);opacity:1}.theme-toggle{flex-shrink:0;width:48px;color:var(--nav-text)!important}.theme-toggle:hover{background-color:#ffffff1f!important}.theme-toggle span{font-size:1.35rem;line-height:1}.main-content{box-sizing:border-box;max-width:100%;margin:0 auto;padding:clamp(24px,4.5vw,52px) clamp(20px,6vw,72px)}.intro{max-width:650px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}h1{color:var(--text);letter-spacing:0;max-width:600px;margin:14px 0 18px;font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5.25rem);font-weight:400;line-height:.98}.subtitle{color:var(--text-muted);font-size:1.05rem}.button-sections{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:24px;display:flex;box-shadow:0 18px 45px #173b4014}.button-sections>div{width:100%}.output-group-toggle{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 18px;font-size:.95rem;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.output-group-toggle:hover{border-color:var(--accent);background:var(--surface)}.output-group-toggle[data-checked=true]{background:var(--accent);border-color:var(--accent);color:#fff}.output-group-toggle[data-checked=true]:hover{opacity:.92}.output-group-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.output-card[data-checked=true]{border-color:var(--accent)}.output-card{border:1px solid var(--border);border-radius:8px}.button-group-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;margin:0 8px 8px;font-size:1rem;font-weight:700}.button-sections .MuiButtonGroup-root{width:100%;display:flex}.button-sections .MuiButton-root{border-color:var(--border);color:var(--text);text-transform:none;flex:1}.button-sections .MuiButton-root.clear-all-btn,.button-sections .MuiButton-root.advanced-btn{text-transform:uppercase}.button-sections .MuiButton-root:hover{background:var(--surface-muted);border-color:var(--accent)}.button-sections .MuiButtonGroup-grouped:not(:last-of-type){border-right:1px solid var(--border)!important}.button-sections .MuiButtonGroup-grouped:not(:last-of-type):hover{border-right-color:var(--accent)!important}.help-sections{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 18px 45px #173b4014}.help-sections .MuiPaper-root{background:var(--surface-muted);border:1px solid var(--border);color:var(--text)}.help-sections .MuiPaper-root .MuiTypography-root,.help-sections .MuiPaper-root .MuiListItemText-primary{color:var(--text)}.settings-sections{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 18px 45px #173b4014}.main-content .MuiTextField-root{width:100%;margin:0}.main-content .MuiOutlinedInput-root{color:var(--text);background:var(--surface)}.main-content .MuiOutlinedInput-notchedOutline{border-color:var(--border)}.main-content .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.main-content .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent)}.main-content .MuiInputLabel-root{color:var(--text-muted)}.main-content .MuiInputLabel-root.Mui-focused{color:var(--accent)}.app-shell[data-theme=dark] .main-content .MuiSelect .MuiSelect-select{background:var(--surface);color:var(--text)}.main-content .MuiOutlinedInput-input::placeholder{color:var(--text-muted);opacity:1}.app-shell[data-theme=dark] .main-content .copy-clipboard-btn:disabled{opacity:.55;color:var(--text-muted);border-color:var(--border);background-color:var(--surface)}.main-content .copy-clipboard-btn,.main-content .template-action-btn{background-color:var(--accent)}.main-content .copy-clipboard-btn:hover,.main-content .template-action-btn:hover{background-color:var(--accent);filter:brightness(.9)}.app-shell[data-theme=dark] .main-content .clear-all-btn:disabled{opacity:.55;color:var(--text-muted);border-color:var(--border)}.main-content .MuiPaper-root.tmpl-card{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:0 18px 45px #173b4014}.main-content .MuiPaper-root.child-editor{background:var(--surface);color:var(--text);background-image:none}.main-content .MuiPaper-root.tmpl-card .MuiTypography-root{color:var(--text)}.main-content .MuiPaper-root.tmpl-card .MuiTypography-caption{color:var(--text-muted)}.main-content .MuiPaper-root.tmpl-card .MuiButton-outlined{color:var(--text);border-color:var(--border)}.main-content .MuiPaper-root.tmpl-card .MuiButton-outlined:hover{background:var(--surface-muted);border-color:var(--accent)}.main-content .MuiPaper-root.tmpl-card .MuiIconButton-root{color:var(--text)}.main-content .MuiPaper-root.tmpl-card .MuiCheckbox-root{color:var(--text-muted)}.main-content .MuiCheckbox-root.Mui-checked{color:var(--accent)}.main-content .tmpl-add-group{color:var(--text-muted)!important;border-color:var(--border)!important}.main-content .tmpl-add-group:hover{background:var(--surface-muted)!important;border-color:var(--accent)!important;color:var(--text)!important}.confirmation-modal .MuiDialog-paper{border:1px solid var(--border);color:var(--text);background:var(--surface)!important;background-image:none!important}.confirmation-modal .MuiDialogTitle-root{color:var(--accent)}.confirmation-modal .MuiDialogContentText-root{color:var(--text)}.confirmation-modal .MuiButton-outlined{border-color:var(--border);color:var(--text)}.confirmation-modal .MuiButton-outlined:hover{background:var(--surface-muted);border-color:var(--accent)}.confirmation-modal .MuiOutlinedInput-root{background:var(--surface);color:var(--text)}.confirmation-modal .MuiOutlinedInput-notchedOutline{border-color:var(--border)}.confirmation-modal .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.confirmation-modal .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent)}.confirmation-modal .MuiOutlinedInput-input::placeholder{color:var(--text-muted);opacity:1}.tmpl-drag-handle svg{margin-left:20px!important}@media (width<=600px){.group-editor-mobile-grid{grid-area:1/1/span 2/-1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 86px;gap:8px;position:relative;display:grid!important}.group-editor-mobile-grid>.tmpl-drag-handle{width:86px;position:absolute;top:70px;bottom:0;right:0;align-items:center!important}.group-editor-mobile-grid>.group-editor-label{grid-area:1/1}.group-editor-mobile-grid>.group-editor-controls{z-index:1;align-items:flex-start;width:86px;position:absolute;top:0;right:0}.group-editor-mobile-grid>.group-editor-template{grid-area:2/1}.top-nav{min-height:56px;padding:0 12px}.brand-mark{font-size:.95rem}.nav-links{gap:2px;margin-right:8px}.nav-links a{padding:6px;font-size:.85rem}.template-actions-row{flex-wrap:wrap;gap:8px}.template-actions-row .MuiButton-root{white-space:nowrap;min-width:0;padding:4px 8px;font-size:.7rem}.tmpl-card-actions{row-gap:8px;flex-direction:column!important;flex:1!important;align-self:stretch!important;align-items:stretch!important;display:flex!important}.tmpl-card-actions>*{margin-left:0!important}.tmpl-card-actions .MuiButton-root{width:100%;padding:2px 6px;font-size:.75rem;flex:1!important;min-width:0!important}.tmpl-fill-panel{flex-wrap:nowrap;gap:12px;overflow-x:auto}.tmpl-fill-panel>.MuiBox-root{flex:0 0 85%}.settings-sections .MuiToggleButton-root{padding:3px 8px;font-size:.7rem}}