:root{color:#24313b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#dfe8e8;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)}.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{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;gap:20px;padding:24px;display:flex;box-shadow:0 18px 45px #173b4014}.button-sections>div{width:100%}.button-group-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;margin:0 8px 8px;font-size:.78rem;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{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}.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)}.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)}.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 .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}