/* WorkPrompt workspace */
:root{--ink:#292337;--muted:#756482;--paper:#f8f7fc;--line:#e9e3f0;--green:#6951e8;--gold:#6951e8}body{background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",sans-serif}.shell{grid-template-columns:245px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:30px 22px;gap:30px}.logo{font-size:23px;letter-spacing:-1px}.logo small{display:none}.logo>.ui-icon{background:#6951e8;border-radius:11px}.sidebar nav button{padding:13px 15px;color:#756282;border-radius:10px}.sidebar nav button.active{background:#efebfb;color:#6850cf}.sidebar nav button:hover{background:#f6f3fc;color:#6850cf}.sidebar-balance{background:#f8f5ff;border:1px solid #e8dff8;border-radius:16px;padding:20px}.sidebar .bottom{color:#7c6889}.main{max-width:1520px;padding:0 48px 50px}.topbar{height:84px;border-bottom:1px solid var(--line)}.topbar .avatar{background:#6951e8}.credit-pill{background:white;color:#6c559f;border-color:#e8dff2}.hero{padding:35px 0 28px}.hero h1{font-size:clamp(30px,3vw,43px);font-weight:600;letter-spacing:-1.7px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#765c86}.hero>.muted{font-size:15px}button{background:#6951e8;border-radius:10px;padding:13px 20px;box-shadow:0 3px 8px #69449014}button:hover{background:#5840cf}button.secondary{border-radius:10px;border-color:#e7e0ee;color:#70627e}.text-button{color:#7254bd!important}.launchpad{background:radial-gradient(ellipse at 95% 5%,#e5d8fc,transparent 60%),#f2ecff!important;border:1px solid #e5d9f8!important;border-radius:24px!important;padding:32px!important;box-shadow:none!important}.launchpad h2{color:#443052!important;font-size:25px;letter-spacing:-.7px;font-weight:600}.launchpad .eyebrow{color:#795194!important}.launchpad p,.composer-actions>span{color:#7b598d!important}.launchpad textarea{background:#fff!important;border:1px solid #e9def4!important;border-radius:14px!important;min-height:112px;padding:20px;color:#40334d}.launchpad .composer-actions button{background:#6951e8;color:white;border-radius:10px}.section-head{margin-top:34px}.section-head h2{font-size:20px;letter-spacing:-.5px}.card,.panel{border:1px solid #e9e3f0;border-radius:18px;background:white;box-shadow:0 3px 12px #3c265203}.module-card{padding:25px;border-top:1px solid #e9e3f0}.module-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #4d32650b;border-color:#d5c5e6}.module-card h3{font-size:18px;letter-spacing:-.4px;color:#4a3659}.module-card p{color:#7a608a;font-size:13px}.module-card .ui-icon{background:#f2eafa;color:#9671bc;border-radius:12px}.module-card.hooks .ui-icon{background:#fff2dc;color:#b78947}.module-card.ads .ui-icon{background:#edf5e9;color:#7b9e64}.module-card.small_business .ui-icon{background:#eaf1fb;color:#7796c1}.module-card.seo .ui-icon{background:#fbeaf2;color:#be86a1}.badge{background:#eff5ed;color:#769366;border-radius:20px;font-size:10px}.badge.locked{background:#f5f1f8;color:#7e668d}.workspace-foot{border:1px solid #e9e3f0;background:white;border-radius:18px;padding:25px}.writer-layout .panel{padding:28px}.writer-layout .result-panel{background:#fcfaff;border-color:#e4d7f0}.tabs{background:#eee8f5;border-radius:11px;padding:4px}.tabs button{border-radius:8px;box-shadow:none}.tabs button.active{background:white;color:#7254bd;box-shadow:0 2px 5px #69449010}.card-featured{border:2px solid #b299e3!important;background:linear-gradient(#f7f1ff,#fff)!important}input,textarea,select{border-radius:11px;border-color:#e8dfef}.auth-wrap,.auth-card{border-radius:24px;border:1px solid #e7ddec;box-shadow:0 25px 100px #4227730d}.auth-wrap h1,.auth-card h1{letter-spacing:-1px}.empty{padding:40px;color:#7a608a}
@media(max-width:1100px){.shell{grid-template-columns:215px minmax(0,1fr)}.main{padding-inline:26px}.sidebar{padding-inline:15px}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:18px 20px;gap:18px}.sidebar nav{flex-wrap:wrap;gap:5px}.main{padding:0 20px 35px}.hero h1{font-size:31px}.launchpad{padding:24px!important;border-radius:18px!important}.topbar{height:68px}}@media(prefers-reduced-motion:reduce){.module-card,button{transition:none}.module-card:hover{transform:none}}
/* Navigation remains compact on touch screens. */
.sidebar nav button{box-shadow:none}.topbar{margin-bottom:0}.hero{margin-bottom:25px}
@media(max-width:900px){.sidebar{padding:16px 20px 12px;gap:16px}.sidebar nav{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:5px;scrollbar-width:thin}.sidebar nav button{white-space:nowrap;flex-shrink:0;padding:10px 12px}.sidebar nav .ui-icon{width:16px;height:16px}.hero{padding:24px 0 0;margin-bottom:26px}.hero h1{font-size:29px}.hero>.muted{font-size:14px}.topbar{height:58px}.launchpad{padding:23px!important}.launchpad h2{font-size:23px}}