@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#20233a;--muted:#85899d;--line:#ececf3;--purple:#6857df;--lavender:#f0edff;--paper:#f8f8fc}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.studio-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:13px;line-height:1.35;letter-spacing:.1px;padding:2px 6px 38px}.brand strong{font-family:Manrope,sans-serif;font-size:16px}.brand-mark{background:linear-gradient(145deg,#8274f5,#5543c8);width:38px;height:38px;border-radius:12px;color:#fff;display:grid;place-items:center;font:800 21px Manrope;box-shadow:0 6px 14px #6857df36}.nav-caption,.eyebrow,.stat-label,.library-count{color:#999cb0;font-size:10px;font-weight:700;letter-spacing:1.15px}.nav-caption{padding:0 12px 12px}.side-link{height:44px;padding:0 13px;display:flex;align-items:center;gap:12px;color:#73768b;border-radius:8px;text-decoration:none;font-weight:500;margin:2px 0}.side-link span{font-size:17px}.side-link.active,.side-link:hover{background:#f1efff;color:#5e4bd4}.sidebar-note{margin-top:auto;background:linear-gradient(150deg,#f6f3ff,#faf9ff);border:1px solid #eeebff;border-radius:12px;padding:16px;font-size:12px}.note-icon{font-size:20px;color:var(--purple);margin-bottom:10px}.sidebar-note strong{font-size:13px}.sidebar-note p{color:#85899d;line-height:1.55;margin:7px 0 0}.sidebar-footer{padding:18px 5px 0;color:#9699aa;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48c793;margin-right:6px}.main-content{margin-left:248px;min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;gap:15px}.topbar-spacer{flex:1}.topbar-label{font-size:10px;font-weight:700;letter-spacing:1px;color:#a0a2b3}.avatar{width:32px;height:32px;background:#ece9ff;color:#6252d0;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.mobile-brand{display:none}.page-wrap{max-width:1450px;padding:38px 42px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.welcome-row h1,.preview-header h1{font:800 clamp(23px,2.4vw,31px) Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0}.lead-copy{color:var(--muted);margin:0}.btn-primary{background:var(--purple);border-color:var(--purple);font-weight:600}.btn-primary:hover{background:#5546c1;border-color:#5546c1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:11px}.stat-card{position:relative;padding:17px 19px;min-height:117px}.stat-label{font-size:9px}.stat-value{font:800 28px Manrope;margin:10px 0 2px}.stat-caption{color:#989bad;font-size:11px}.stat-symbol{position:absolute;right:17px;top:17px;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:15px}.violet{background:#f0edff;color:#705ee1}.blue{background:#eaf3ff;color:#4988d5}.amber{background:#fff3dd;color:#db9b32}.rose{background:#ffedf1;color:#e4798c}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.9fr);gap:17px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.panel h2{font:700 17px Manrope;margin:5px 0 0}.engine-badge{background:#edfaf4;color:#309b6e;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:700;letter-spacing:.6px;white-space:nowrap}.form-label{font-size:11px;font-weight:600;color:#55586d;margin-bottom:6px}.muted-label{color:#9a9daf;font-weight:400}.form-control,.form-select{border-color:#e8e8f0;border-radius:7px;min-height:39px;font-size:12px;color:#44475b;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:#aaa0f3}.form-control::placeholder{color:#b0b2c0}.option-row{display:flex;gap:22px;color:#66697c;font-size:11px}.option-row input{accent-color:var(--purple);vertical-align:-2px;margin-right:5px}.form-footnote{font-size:10px;color:#999cad}.side-panel h2{margin-bottom:9px}.side-description{font-size:12px;color:#898c9f;line-height:1.6;margin:0 0 18px}.tool-item{display:flex;align-items:center;gap:10px;border-top:1px solid #f0f0f5;padding:12px 0}.tool-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:18px}.lavender{background:#f0edff;color:#6958d9}.mint{background:#eaf8f1;color:#55aa7e}.tool-item strong,.tool-item small{display:block}.tool-item strong{font-size:11px}.tool-item small{color:#a0a2b1;font-size:10px;margin-top:3px}.tool-item>span:nth-child(2){flex:1}.tool-check{color:#5bb486}.tool-arrow{color:#b1b2c0}.disabled{opacity:.7}.callout{background:#f8f7ff;border:1px solid #f0edff;border-radius:9px;padding:13px;margin-top:10px}.callout strong{font-size:11px}.callout p{font-size:10px;color:#898c9d;line-height:1.5;margin:5px 0 0}.library-panel{margin-top:18px}.library-panel .panel-heading{margin-bottom:11px}.library-count{font-size:9px}.table{font-size:11px;margin:0}.table thead th{color:#9a9cad;font-size:9px;letter-spacing:.7px;font-weight:700;border-bottom-color:#ededf3;padding:11px}.table td{padding:13px 11px;border-color:#f1f1f5;color:#6b6d80}.book-title{color:#282b40;text-decoration:none;font-size:12px;font-weight:600}.book-title:hover,.open-link{color:#6554d8}.table-subtitle{color:#a0a2b1;font-size:10px;margin-top:3px}.status-pill{display:inline-block;background:#f1efff;color:#6554d8;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:600}.open-link{text-decoration:none;font-size:10px;font-weight:600}.empty-state{text-align:center;padding:27px 10px 20px;color:#9295a7}.empty-icon{margin:0 auto 10px;background:#f4f2ff;color:#7868df;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px}.empty-state strong{display:block;color:#55586b;font-size:12px}.empty-state p{font-size:11px;margin:5px 0}.page-footer{text-align:center;color:#a0a2b0;font-size:9px;letter-spacing:.5px;padding:25px}.page-footer span{padding:0 5px;color:#c0bfca}.preview-header{display:flex;justify-content:space-between;align-items:center;margin:14px 0 22px}.preview-header h1{margin-top:0}.puzzle-preview{margin-bottom:18px}.word-list{font-size:12px;color:#73768b}.puzzle-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(24px,38px));width:max-content;max-width:100%;overflow:auto;border-top:1px solid #dfe0e9;border-left:1px solid #dfe0e9;margin:18px auto}.puzzle-grid span{height:32px;border-right:1px solid #dfe0e9;border-bottom:1px solid #dfe0e9;display:grid;place-items:center;font:600 12px Manrope;color:#373a50}.answer-details{border-top:1px solid #eeeef4;padding-top:12px;font-size:12px}.answer-details summary{cursor:pointer;color:#6655d8;font-weight:600}.answer-details ul{columns:2;color:#66697c;margin-top:12px}.answer-details li{padding:3px 0}.eyebrow a{color:inherit;text-decoration:none}
@media(max-width:1050px){.sidebar{width:215px}.main-content{margin-left:215px}.page-wrap{padding:30px 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.side-panel{display:none}}
@media(max-width:700px){.sidebar{display:none}.main-content{margin-left:0}.topbar{height:56px;padding:0 17px}.mobile-brand{display:block;font:600 13px Manrope}.topbar-label{display:none}.page-wrap{padding:24px 15px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:24px}.stats-grid{gap:9px}.stat-card{padding:14px;min-height:105px}.stat-value{font-size:25px}.panel{padding:17px}.panel-heading{align-items:flex-start}.engine-badge{font-size:7px}.form-footnote{max-width:55%}.table{min-width:560px}.puzzle-grid span{height:27px;min-width:25px}.answer-details ul{columns:1}}