:root{--ink:#27233d;--muted:#8b899d;--purple:#7258e8;--purple-dark:#5f45d3;--line:#eeedf5;--bg:#faf9fe;--white:#fff;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:27px 17px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 55px;text-decoration:none;color:var(--ink);font:800 20px var(--heading);letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--purple);color:white;font-size:21px;box-shadow:0 5px 12px #7258e833}.brand-light{font-weight:500;color:#8b83b1}.side-label{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#aaa7ba;margin:0 12px 14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 13px;border:0;background:transparent;color:#77748c;font:600 13px var(--font);text-align:left;border-radius:10px;cursor:pointer;margin-bottom:5px;transition:.2s}.nav-item:hover{background:#f8f6ff;color:var(--purple)}.nav-item.active{background:#f0edff;color:var(--purple);font-weight:700}.nav-icon{font-size:19px;width:21px;text-align:center}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #eeeafb;background:linear-gradient(140deg,#fbfaff,#f4f1ff);padding:17px 14px;border-radius:14px;margin-bottom:20px}.help-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e8e2ff;color:var(--purple);font-size:17px;margin-bottom:13px}.help-card strong{font-size:12px}.help-card p{font-size:11px;line-height:1.7;color:#85819e;margin:7px 0 0}.profile{display:flex;align-items:center;gap:10px;padding:16px 5px 0;border-top:1px solid var(--line)}.avatar,.top-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f3dfd5;color:#8e5e4a;font-weight:700}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile div:nth-child(2) span{font-size:10px;color:#a09caf;margin-top:3px}.profile-dots{margin-left:auto;color:#aaa5ba;letter-spacing:2px}.main{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;}.breadcrumb{color:#9a97aa;font-size:12px}.breadcrumb span{padding:0 10px;color:#d3d0df}.breadcrumb strong{color:#514d69;font-weight:600}.top-right{display:flex;align-items:center;gap:9px;color:#8a879c;font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:#6fc5a4;box-shadow:0 0 0 3px #e7f8f0}.top-avatar{width:29px;height:29px;margin-left:10px;font-size:11px}.mobile-menu{display:none;border:0;background:none;font-size:20px;color:var(--ink)}.content{max-width:1130px;padding:43px 5.2% 28px;margin:0 auto}.welcome-row{min-height:205px;display:flex;justify-content:space-between;align-items:center;position:relative}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#8c83bd;display:flex;gap:8px;align-items:center}.sparkle{font-size:16px;color:var(--purple)}h1{font:800 clamp(32px,3.7vw,47px)/1.14 var(--heading);letter-spacing:-2.1px;margin:15px 0 11px;color:#29243f}h1 span{color:var(--purple)}.subtitle{color:#89869c;font-size:12px;line-height:1.8;margin:0}.hero-art{width:225px;height:185px;position:relative;margin-right:30px}.orbit{position:absolute;border:1px solid #e9e3ff;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:205px;height:112px;top:33px;left:4px}.orbit-two{width:155px;height:175px;top:0;left:27px;transform:rotate(35deg)}.book{position:absolute;left:69px;top:44px;width:83px;height:105px;border-radius:7px 12px 12px 7px;transform:rotate(9deg);box-shadow:8px 10px 25px #5d49b522}.book-back{background:#dcd3ff;left:82px;top:39px;transform:rotate(17deg)}.book-front{background:linear-gradient(145deg,#8b75f3,#6b52df);color:white;padding:17px 12px}.book-front span{font-size:24px;display:block;margin-bottom:13px}.book-front i{display:block;height:3px;background:#c7bcff;border-radius:5px;margin:6px 0;width:85%}.book-front i:last-child{width:55%}.floating-star{position:absolute;color:var(--purple)}.star-one{font-size:22px;top:21px;right:21px}.star-two{font-size:24px;bottom:21px;left:37px}.floating-pill{position:absolute;bottom:19px;right:3px;border:1px solid #e9e4ff;background:white;border-radius:20px;padding:8px 11px;font-size:8px;font-weight:800;letter-spacing:1px;color:#7970ad;box-shadow:0 5px 15px #4130780c}.floating-pill span{color:var(--purple);margin-left:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:21px 0 15px}.section-heading h2,.workspace-heading h2{font:700 16px var(--heading);margin:0;letter-spacing:-.4px}.section-heading p{margin:5px 0 0;color:#9692a8;font-size:11px}.three-dots{letter-spacing:2px;color:#b4b0c5}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{position:relative;text-align:left;border:1px solid #eceaf4;border-radius:13px;background:white;padding:17px 16px 14px;min-height:166px;cursor:pointer;font-family:var(--font);transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #30245d0a}.tool-card.selected{border-color:#c9bfff;box-shadow:0 0 0 2px #f1edff}.tool-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:20px;margin-bottom:15px}.purple{background:#efebff;color:#7659e8}.peach{background:#fff0e7;color:#d98956}.mint{background:#e6f8f1;color:#43a889}.tool-arrow{position:absolute;right:16px;top:18px;color:#c0bdd0;font-size:16px}.tool-card strong{display:block;font-size:13px;margin-bottom:6px}.tool-card p{font-size:10.5px;line-height:1.7;color:#9692a7;margin:0;max-width:220px;min-height:36px}.tool-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;border-top:1px solid #f0eef6;font-size:8px;font-weight:700;letter-spacing:1px;color:#918aa9}.tool-bottom span{font-size:14px;color:var(--purple)}.workspace-card{margin-top:25px;background:white;border:1px solid #ebe9f3;border-radius:15px;padding:22px 23px;box-shadow:0 6px 22px #31255d05}.workspace-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.workspace-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#f0edff;color:var(--purple);font-size:21px}.workspace-heading h2{font-size:14px}.workspace-heading p{margin:5px 0 0;color:#9793a8;font-size:10.5px}.ai-badge{margin-left:auto;display:flex;align-items:center;gap:5px;background:#f8f6ff;border:1px solid #eeeaff;border-radius:20px;padding:7px 9px;font-size:8px;font-weight:700;letter-spacing:.7px;color:#8a7cc9;white-space:nowrap}.ai-badge span{font-size:12px;color:var(--purple)}form label{display:block;font-size:9px;font-weight:700;letter-spacing:1.2px;color:#77728f;margin-bottom:9px}textarea{display:block;width:100%;min-height:104px;resize:vertical;border:1px solid #e9e7f1;border-radius:10px;background:#fdfcff;padding:14px;font:12px/1.7 var(--font);color:var(--ink);outline:none;transition:border .2s}textarea:focus{border-color:#a89af7;box-shadow:0 0 0 3px #f3f0ff}textarea::placeholder{color:#b2aec0}.input-footer{display:flex;align-items:center;justify-content:space-between;color:#b0acbf;font-size:10px;margin-top:7px}.clear-button,.copy-button{border:0;background:none;color:#8982aa;font:600 10px var(--font);cursor:pointer;padding:5px}.clear-button:hover,.copy-button:hover{color:var(--purple)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:14px}.privacy-note{color:#a19db0;font-size:10px}.privacy-note span{font-size:14px;margin-right:5px}.submit-button{display:flex;align-items:center;gap:20px;border:0;border-radius:9px;background:var(--purple);color:white;padding:12px 15px;font:700 11px var(--font);cursor:pointer;box-shadow:0 5px 12px #7258e82b;transition:.2s}.submit-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}.result-panel{margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}.result-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.result-sparkle{color:var(--purple);font-size:18px}.result-heading h3{font:700 13px var(--heading);margin:0}.copy-button{margin-left:auto;border:1px solid var(--line);border-radius:7px;padding:7px 10px}.result-text{font-size:12px;line-height:1.85;color:#55516d;white-space:pre-wrap;overflow-wrap:anywhere}.result-text p{margin:0 0 10px}.error-text{color:#b44b59}.bottom-note{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px 16px;border-radius:11px;background:#f4f1ff;border:1px solid #eeebff;color:#8c81c3}.bottom-note>span:first-child{font-size:17px}.bottom-note p{font-size:10px;color:#8c87a6;margin:0}.bottom-note strong{color:#62558f;font-weight:700}.note-decoration{margin-left:auto;font-size:24px;color:#c4b8ff}footer{text-align:center;font-size:8px;letter-spacing:1.5px;color:#b7b3c5;margin:25px 0 0}footer span{padding:0 8px;color:#a79ae9}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#2d2943;color:white;padding:11px 16px;border-radius:9px;font-size:12px;box-shadow:0 8px 25px #1e19382b;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1300px){.content{padding-top:48px}.welcome-row{min-height:218px}}@media(max-width:950px){.sidebar{width:210px}.content{padding-left:4%;padding-right:4%}.hero-art{margin-right:0;transform:scale(.85);transform-origin:right center}.tool-card{padding:14px}.tool-grid{gap:9px}}@media(max-width:720px){.sidebar{position:fixed;z-index:20;left:-250px;top:0;bottom:0;width:238px;transition:left .25s;box-shadow:10px 0 30px #21183c10}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{height:61px;padding:0 18px;gap:12px;justify-content:flex-start}.breadcrumb{flex:1}.top-right{margin-left:auto}.content{padding:28px 18px 22px}.welcome-row{min-height:auto}.hero-art{width:125px;height:140px;transform:scale(.7);transform-origin:right center;margin-left:-35px;margin-right:-10px}.welcome-row>div:first-child{flex:1}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:34px;letter-spacing:-1.5px}.subtitle{font-size:11px;max-width:320px}.section-heading{margin-top:28px}.tool-grid{grid-template-columns:1fr;gap:10px}.tool-card{min-height:0;padding:14px 14px 12px;display:grid;grid-template-columns:39px 1fr 20px;column-gap:12px;align-items:center}.tool-icon{grid-row:span 2;margin:0}.tool-card strong{align-self:end;margin:0}.tool-card p{grid-column:2;min-height:0;align-self:start}.tool-arrow{position:static;grid-column:3;grid-row:1}.tool-bottom{grid-column:2/4;margin-top:10px;padding-top:8px}.workspace-card{margin-top:18px;padding:17px 14px}.workspace-heading{gap:9px}.workspace-heading h2{font-size:12px}.workspace-heading p{font-size:9px;line-height:1.5}.workspace-icon{width:34px;height:34px;flex-shrink:0}.ai-badge{font-size:7px;padding:6px;margin-left:auto}.form-actions{align-items:stretch;flex-direction:column}.submit-button{justify-content:space-between}.privacy-note{line-height:1.6}.bottom-note{padding:12px;gap:8px}.bottom-note p{line-height:1.6}.note-decoration{display:none}}@media(max-width:390px){.hero-art{display:none}.top-right>span:not(.status-dot){display:none}.ai-badge{display:none}h1{font-size:32px}}