@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=EB+Garamond:ital,wght@0,400;1,400&family=Great+Vibes&family=Italianno&family=League+Spartan:wght@400;600&family=UnifrakturCook:wght@700&family=UnifrakturMaguntia&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d2433;--muted:#657083;--panel:#fff;--line:#d7dce5;--surface:#eef2f6;--accent:#216c8f;--focus:#0f7aa8}*{box-sizing:border-box}body{color:var(--ink);background:var(--surface);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app-shell{grid-template-columns:minmax(300px,380px) 1fr;min-height:100vh;display:grid}.controls{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#cfd7e3 transparent;border-right:1px solid var(--line);background:#f8fafc;height:100vh;padding:22px 18px 22px 22px;overflow-y:auto}.controls::-webkit-scrollbar{width:10px}.controls::-webkit-scrollbar-track{background:0 0}.controls::-webkit-scrollbar-thumb{background:#cfd7e3;border:3px solid #f8fafc;border-radius:999px}.controls::-webkit-scrollbar-thumb:hover{background:#aeb9c9}.brand{margin-bottom:18px}.brand h1{letter-spacing:0;margin:0 0 5px;font-size:1.55rem;line-height:1.15}.brand p{color:var(--muted);margin:0;font-size:.95rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:16px}.collapsible-panel{padding:0}.collapsible-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 16px;list-style:none;display:flex}.collapsible-panel>summary::-webkit-details-marker{display:none}.area-card>summary::-webkit-details-marker{display:none}.collapsible-panel>summary:after,.area-card>summary:after{content:"+";color:var(--accent);font-size:1.1rem;line-height:1}.collapsible-panel[open]>summary:after,.area-card[open]>summary:after{content:"-"}.collapsible-content{padding:0 16px 16px}.panel h2{text-transform:uppercase;letter-spacing:0;color:#384253;margin:0 0 13px;font-size:.93rem}.collapsible-panel>summary h2{margin:0}label{color:#3d4657;gap:7px;margin-bottom:12px;font-size:.88rem;display:grid}label:last-child{margin-bottom:0}label span{color:var(--muted);font-size:.78rem}select,input[type=number],input[type=color],input[type=text]{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #c9d1dd;border-radius:6px}input[type=number],select,input[type=text]{padding:0 10px}input[type=color]{padding:4px}input[type=range]{width:100%;height:38px;accent-color:var(--accent);margin:0}input:focus,select:focus,button:focus{outline:2px solid var(--focus);outline-offset:2px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px 12px;margin-bottom:12px;display:grid}.grid-2:last-child{margin-bottom:0}.grid-2>label{align-content:end;min-width:0;height:100%;margin-bottom:0}.grid-2>label span{min-height:1em}.segmented{background:#edf1f6;border:1px solid #c9d1dd;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:13px;padding:3px;display:grid}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label{color:#4b5567;cursor:pointer;border-radius:6px;place-items:center;min-height:34px;margin:0;display:grid}.segmented input:checked+label{color:var(--accent);background:#fff;box-shadow:0 1px 3px #1c263726}.toggle{grid-template-columns:auto 1fr;align-items:center;gap:10px}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.line-style-grid{grid-template-columns:minmax(88px,1fr) 46px minmax(120px,1.35fr);align-items:center;gap:8px 10px;margin:2px 0 14px;display:grid}.control-subsection{margin-bottom:16px;padding-top:2px}.control-subsection:last-child{margin-bottom:0}.control-subsection h3{color:#384253;letter-spacing:0;margin:0 0 10px;font-size:.86rem}.line-style-heading{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.74rem}.line-style-row{display:contents}.line-style-row>span{color:#3d4657;font-size:.86rem}.line-style-row input[type=color]{height:32px}.line-style-row label{gap:3px;margin:0}.line-style-row label span{line-height:1}.area-section-heading{justify-content:space-between;align-items:center;gap:10px;margin:16px 0 10px;display:flex}.area-section-heading:first-of-type{margin-top:0}.area-section-heading h3{color:#384253;letter-spacing:0;margin:0;font-size:.86rem}.area-section-heading button,.area-card>summary button{min-height:32px;padding:0 10px;font-size:.82rem}.area-list{gap:10px;display:grid}.area-card{background:#fbfcfe;border:1px solid #d7dce5;border-radius:8px;padding:0}.area-card>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:0 10px 0 12px;list-style:none;display:flex}.area-card>summary strong{color:#263244;margin-right:auto;font-size:.88rem}.area-card>summary button{z-index:1;position:relative}.area-card-content{padding:0 12px 12px}.preset-actions{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;margin-bottom:12px;display:grid}.preset-actions button,.preset-card-actions button,.actions button{width:100%}.preset-list{gap:10px;display:grid}.preset-card{background:#fbfcfe;border:1px solid #d7dce5;border-radius:8px;gap:10px;padding:12px;display:grid}.preset-card strong{color:#263244;font-size:.9rem;display:block}.preset-card span,.empty-state{color:var(--muted);font-size:.8rem}.empty-state{margin:0}.preset-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.preset-card-actions button{min-height:32px;padding:0 8px;font-size:.82rem}.actions{grid-template-columns:1fr;gap:10px;display:grid}button{color:#263244;cursor:pointer;background:#fff;border:1px solid #b8c3d2;border-radius:7px;min-height:40px}button:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.workspace{grid-template-rows:auto 1fr;min-width:0;height:100vh;display:grid}.preview-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:12px 18px;display:flex}.zoom-controls{grid-template-columns:auto minmax(130px,180px) auto auto;align-items:center;gap:8px;display:grid}.zoom-controls label{gap:4px;margin:0}.zoom-controls label span{text-align:center}.zoom-controls button{min-height:34px;padding:0 11px}.zoom-stepper{grid-template-columns:34px 34px;gap:4px;display:grid}.zoom-stepper button{min-height:34px;padding:0}.zoom-presets{grid-template-columns:repeat(4,auto);gap:4px;display:grid}.zoom-presets button{min-height:34px;padding:0 8px;font-size:.8rem}.zoom-presets button.active{border-color:var(--accent);color:var(--accent);background:#e9f3f8}.preview-toolbar strong{font-size:.98rem;display:block}.preview-toolbar span{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.sheet-wrap{place-items:start center;padding:28px;display:grid;overflow:auto}.sheet-stage{position:relative}.sheet{transform-origin:0 0;background:#fff;box-shadow:0 20px 60px #1822322e}.sheet svg{width:100%;height:100%;display:block}@media (width<=900px){.app-shell{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line);scrollbar-gutter:auto;height:auto;max-height:none}.workspace{height:auto;min-height:70vh}.preview-toolbar{flex-direction:column;align-items:stretch}.zoom-controls{grid-template-columns:auto minmax(120px,1fr) auto}.zoom-controls>button{grid-column:1/-1}}@media print{body{background:#fff}.controls,.preview-toolbar{display:none}.app-shell,.workspace,.sheet-wrap,.sheet-stage{height:auto;padding:0;display:block;overflow:visible}.sheet{box-shadow:none;transform:none!important}}