:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #f3efe8;--bg-2: #ebe4d8;--panel: rgba(255, 255, 255, .78);--panel-strong: #ffffff;--border: rgba(57, 44, 32, .12);--text: #1d1a16;--muted: #675f55;--accent: #0f7078;--accent-strong: #0b5960;--accent-soft: rgba(15, 112, 120, .12);--danger: #9c2f2f;--shadow: 0 20px 48px rgba(44, 35, 23, .12);--shadow-soft: 0 10px 24px rgba(44, 35, 23, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(15,112,120,.14),transparent 28%),radial-gradient(circle at 100% 0%,rgba(139,26,26,.1),transparent 24%),linear-gradient(135deg,var(--bg) 0%,var(--bg-2) 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-right:1px solid var(--border);background:linear-gradient(180deg,#ffffffb3,#ffffff8a);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-hero,.editor-subtitle{color:var(--muted)}.sidebar-hero h1,.panel h2,.panel h3{margin:0;line-height:1.08}.sidebar-hero h1{margin-top:.5rem;font-size:clamp(2rem,3.8vw,3.2rem)}.sidebar-copy{margin:.85rem 0 0;line-height:1.7}.eyebrow,.panel-kicker,.template-card__category,.item-index{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.panel{border:1px solid var(--border);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.panel--subtle{background:#ffffffa8;box-shadow:var(--shadow-soft)}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1.2rem 1.2rem .8rem}.template-list,.document-list{display:grid;gap:.8rem;padding:0 1.2rem 1.2rem}.template-card,.document-mini,.document-pill{text-align:left;border-radius:20px;border:1px solid var(--border);background:#ffffffd1;color:var(--text);padding:1rem;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.template-card:hover,.template-card.is-active,.document-mini:hover,.document-pill:hover,.document-pill.is-active{transform:translateY(-1px);border-color:#0f70784d;box-shadow:var(--shadow-soft)}.template-card strong,.document-mini strong,.document-pill strong{display:block;margin:.3rem 0 .45rem;font-size:1rem}.template-card p,.document-mini span,.document-pill span,.document-pill small{display:block;color:var(--muted);line-height:1.45}.api-card{padding:0 1.2rem 1.2rem}.api-card code{display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.api-card p{margin:.85rem 0 0;color:var(--muted);line-height:1.65}.main-content{padding:1.2rem}.editor-panel{min-height:calc(100vh - 2.4rem);display:grid;grid-template-rows:auto auto minmax(0,1fr)}.panel-heading--editor{align-items:center}.editor-actions{display:flex;flex-wrap:wrap;gap:.7rem}.primary-button,.secondary-button,.small-button{border:1px solid transparent;border-radius:14px;padding:.8rem .95rem;font-weight:700;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}.secondary-button,.small-button{background:#ffffffd6;border-color:var(--border);color:var(--text)}.small-button{padding:.45rem .7rem;font-size:.84rem}.small-button.danger{color:var(--danger);border-color:#9c2f2f3d}.primary-button:hover,.secondary-button:hover,.small-button:hover{transform:translateY(-1px)}.tab-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;padding:0 1.2rem 1rem}.tab-chip{text-align:left;border-radius:18px;border:1px solid var(--border);background:#ffffffad;padding:.8rem .95rem;color:var(--text)}.tab-chip strong,.tab-chip span{display:block}.tab-chip strong{font-size:.94rem}.tab-chip span{margin-top:.2rem;color:var(--muted);font-size:.78rem}.tab-chip.is-active{border-color:#0f707866;box-shadow:inset 0 0 0 1px #0f70781f}.editor-grid{display:grid;grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:1rem;min-height:0;padding:0 1.2rem 1.2rem}.editor-scroll{min-height:0;overflow:auto;padding-right:.2rem}.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.8rem;min-height:0}.preview-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:end}.preview-toolbar__hint{color:var(--muted);font-size:.92rem}.preview-frame{width:100%;min-height:72vh;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}.editor-card{display:grid;gap:1rem;margin-bottom:1rem;padding:1.15rem;border-radius:26px;border:1px solid var(--border);background:#ffffffbf;box-shadow:var(--shadow-soft)}.editor-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.form-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:.45rem}.field span{display:flex;justify-content:space-between;gap:.75rem;color:var(--text);font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);border-radius:16px;background:#fffffff0;color:var(--text);padding:.88rem .95rem;box-shadow:inset 0 1px #ffffff80}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#0f707873;box-shadow:0 0 0 4px #0f70781f}.field--full{grid-column:1 / -1}.field--inline{align-content:center}.field--inline input[type=checkbox]{width:20px;height:20px;justify-self:start}.hint,.empty-state,.editor-subtitle{color:var(--muted)}.hint{margin:0;line-height:1.65}.stacked-list{display:grid;gap:.85rem}.item-card{padding:1rem;border-radius:20px;border:1px solid var(--border);background:#ffffffdb}.item-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem}.item-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.token-preview{margin:.8rem 0 0;color:var(--muted);font-size:.9rem}.token-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.token-chip{border:1px solid rgba(15,112,120,.22);background:#0f707814;color:var(--accent-strong);border-radius:999px;padding:.45rem .7rem;font-size:.82rem;font-weight:700}.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.document-pill{display:grid;gap:.2rem}.document-pill__actions{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-top:.5rem}.document-pill__delete{color:var(--danger);font-weight:700}.placeholder-field,.placeholder-value{display:inline-flex;align-items:center;border-radius:999px;padding:.08rem .45rem}.placeholder-field{color:var(--accent);background:#0f707814;border:1px dashed rgba(15,112,120,.45)}.placeholder-value{color:var(--text)}.doc-paper{max-width:var(--preview-page-width);margin:0 auto;background:var(--preview-page-surface);color:var(--preview-page-text);padding:var(--preview-page-padding);border-radius:var(--preview-page-radius);box-shadow:var(--preview-page-shadow);border:1px solid rgba(60,46,31,.12);font-family:var(--preview-body-font)}.doc-paper h1,.doc-paper h2,.doc-paper h3,.doc-section--signature{font-family:var(--preview-heading-font)}.doc-section{margin-bottom:1rem}.doc-section--heading{text-transform:uppercase;letter-spacing:.04em;line-height:1.35}.doc-section--paragraph,.doc-section--signature{line-height:1.8}.doc-divider{border:none;border-top:1px solid rgba(60,46,31,.14);margin:1.75rem 0}@media(max-width:1180px){.workspace-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.editor-grid{grid-template-columns:1fr}.preview-frame{min-height:64vh}}@media(max-width:860px){.panel-heading,.editor-card__header,.preview-toolbar,.item-card__header{flex-direction:column;align-items:start}.tab-row,.form-grid,.values-grid{grid-template-columns:1fr}.editor-actions,.item-actions,.primary-button,.secondary-button,.small-button,.tab-chip{width:100%}}