:root{color:#1f2937;background:#f4f6f8;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:#e5e7eb;border:0;border-radius:9px;padding:.65rem .9rem}button.primary{color:#fff;background:#2563eb}input,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:.7rem}textarea{resize:vertical}label{gap:.45rem;font-size:.9rem;font-weight:650;display:grid}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.7rem,4vw,2.35rem)}h2,h3{margin-bottom:0;font-size:1rem}.storybook-shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.storybook-nav{background:#fff;border-right:1px solid #dbe2ea;align-content:start;gap:.45rem;padding:1.5rem 1rem;display:grid}.storybook-nav h1{margin-bottom:1rem;font-size:1.35rem}.storybook-nav button{text-align:left;background:0 0}.storybook-nav button.active{color:#1d4ed8;background:#dbeafe}.storybook-content{min-width:0}.builder-shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.topbar,.panel-head,.unit-head,.worksheet-title,.unit-actions,.actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.topbar{align-items:start;margin-bottom:1.25rem}.eyebrow{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.workspace{grid-template-columns:minmax(0,1fr);display:grid}.workspace.editing{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.editor-panel,.preview-panel{background:#fff;border:1px solid #dbe2ea;min-width:0;padding:1.25rem;display:grid;box-shadow:0 8px 24px #0f172a0f}.editor-panel{background:#f8fafc;border-radius:16px 0 0 16px;align-content:start;gap:1rem}.preview-panel{border-radius:16px}.workspace.editing .preview-panel{border-radius:0 16px 16px 0}.worksheet{max-width:720px;margin:0 auto}.worksheet-title{margin-bottom:1.5rem}.units,.answers,.choice-editor,.unit-slot{gap:.85rem;display:grid}.add-unit{color:#1d4ed8;background:#dbeafe;justify-self:center;padding:.45rem .7rem;transition:background .15s,opacity .15s,transform .15s}.add-unit:hover{background:#bfdbfe;transform:translateY(-1px)}.worksheet-title>button,.unit-actions,.add-unit{opacity:.12}.worksheet-title>button,.unit-actions{transition:opacity .15s}.worksheet-title:hover>button,.worksheet-title:focus-within>button,.unit:hover .unit-actions,.unit:focus-within .unit-actions,.unit-slot:hover .add-unit,.unit-slot:focus-within .add-unit,.units:hover>.add-unit,.units:focus-within>.add-unit,.worksheet-title>button:focus-visible,.unit-actions:focus-within,.add-unit:hover,.add-unit:focus-visible{opacity:1}.check-actions{justify-content:end;margin-top:1.25rem;display:flex}.learning-journey{max-width:720px;margin:0 auto}.journey-layout{grid-template-columns:180px minmax(0,1fr);gap:1.25rem;display:grid}.journey-navigation{border-right:1px solid #dbe2ea;align-content:start;gap:.45rem;padding-right:1.25rem;display:grid}.journey-navigation button{text-align:left;background:0 0}.journey-navigation button.active{color:#1d4ed8;background:#dbeafe}.journey-navigation .add-card{color:#1d4ed8;background:#dbeafe;margin-top:.5rem}.journey-card{gap:.85rem;min-width:0;display:grid}.journey-card:hover .add-unit,.journey-card:focus-within .add-unit{opacity:1}.journey-complete{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:2rem}.unit{border:1px solid #dbe2ea;border-radius:12px;padding:1rem}.unit-head{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.8rem;font-size:.8rem;font-weight:750}.unit-head button{letter-spacing:normal;text-transform:none;padding:.35rem .55rem;font-size:.78rem}.unit-actions{gap:.35rem}.unit-head button.delete{color:#b91c1c;background:#fee2e2}.unit>textarea[readonly]{resize:none;border:0;min-height:5rem;padding:0}.question{margin-bottom:1rem;font-weight:650}.answer,.correct-toggle{align-items:center;gap:.6rem;font-weight:500;display:flex}.answer input,.correct-toggle input{width:auto}.feedback{gap:.25rem;margin:1rem 0 0;display:grid}.feedback p{margin:0}.feedback p:first-child{font-weight:700}.success{color:#15803d}.error{color:#b91c1c}.choice-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.55rem;display:grid}.delete-button{color:#b91c1c;background:#fee2e2;align-self:end;margin-top:auto}.overlay{z-index:1;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.add-menu{background:#fff;border-radius:16px;gap:.7rem;width:min(100%,360px);padding:1.25rem;display:grid;box-shadow:0 20px 50px #0f172a4d}.add-menu>button{text-align:left;background:#eff6ff}@media (width<=720px){.storybook-shell{grid-template-columns:1fr}.storybook-nav{border-bottom:1px solid #dbe2ea;border-right:0;grid-template-columns:auto 1fr 1fr;align-items:center}.storybook-nav h1{margin:0}.storybook-nav .eyebrow{display:none}.topbar,.actions{flex-direction:column;align-items:stretch}.workspace.editing,.journey-layout{grid-template-columns:1fr}.journey-navigation{border-bottom:1px solid #dbe2ea;border-right:0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:0 0 1rem}.editor-panel,.workspace.editing .preview-panel{border-radius:16px}.editor-panel{border-bottom:0}.choice-row{grid-template-columns:1fr auto}.choice-row input:first-child{grid-column:1/-1}}