@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#22233b;background:#f8f9fd;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{max-width:1440px;margin:auto;min-height:100vh;background:#fbfcff}.header{height:72px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #ececf4;position:sticky;top:0;z-index:5}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;font:800 19px Manrope;color:#22233b;cursor:pointer}.brand b{color:#6e62df}.brand-icon{width:36px;height:36px;display:grid;place-items:center;background:#6e62df;color:#fff;border-radius:11px}.header-note,.header-link{font-size:12px;color:#6c6e83}.header-note{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:#35b58b;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #e5f8f1}.header-link{padding:10px 16px;border:1px solid #e8e7f0;border-radius:10px;text-decoration:none;color:#5149b5;font-weight:700}.hero{padding:76px 10%;display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;background:linear-gradient(120deg,#f2f0ff,#f1f8ff)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#7166db;display:flex;align-items:center;gap:9px}.hero h1{font:800 clamp(38px,5vw,62px)/1.12 Manrope;letter-spacing:-2.8px;margin:20px 0;color:#20213b}.hero h1 em{font-style:normal;color:#7165df}.hero-copy>p{max-width:560px;font-size:15px;line-height:1.8;color:#707187}.hero-points{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:11px;color:#666980}.hero-points span{display:flex;align-items:center;gap:6px}.hero-points svg{color:#32a985}.hero-art{height:280px;position:relative;display:grid;place-items:center}.hero-orb{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#7568eb,#9c91f4);box-shadow:0 25px 60px #7165df55}.hero-chip{position:absolute;padding:13px 17px;background:#fff;border:1px solid #eeeefa;border-radius:13px;box-shadow:0 12px 35px #37346c12;display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px;color:#45465f}.hero-chip svg{color:#7569df}.chip-one{top:22px;left:5%}.chip-two{right:1%;top:100px}.chip-three{bottom:20px;left:18%}.tool-section{padding:70px 9% 80px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-top h2{font:800 32px Manrope;letter-spacing:-1px;margin:10px 0 5px}.section-top p{color:#77798c;font-size:13px;margin:0}.count-pill{padding:9px 14px;border-radius:20px;background:#efedff;color:#6358cf;font-weight:700;font-size:12px}.search-bar{height:52px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9e9f2;border-radius:12px;padding:0 16px;color:#8a8b9d;max-width:580px}.search-bar input{border:0;outline:0;flex:1;font:13px DM Sans;color:#282943}.category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 25px}.category-tabs button{border:1px solid #e8e8f1;background:#fff;color:#77788d;padding:9px 15px;border-radius:22px;font:600 11px DM Sans;cursor:pointer}.category-tabs button.active{background:#6d61df;color:#fff;border-color:#6d61df}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-card{min-height:205px;border:1px solid #ececf3;border-radius:16px;background:#fff;padding:19px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:.2s;box-shadow:0 5px 18px #26234c05}.tool-card:hover{transform:translateY(-3px);border-color:#c9c4ff;box-shadow:0 14px 30px #302a6810}.tool-icon{width:43px;height:43px;border-radius:13px;background:#f0efff;color:#6b60d9;display:grid;place-items:center;margin-bottom:12px}.tool-category{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#89899b;font-weight:800;margin-bottom:5px}.tool-card strong{font:700 15px Manrope;color:#252640}.tool-desc{font-size:11px;line-height:1.6;color:#77798d;margin-top:8px;flex:1}.tool-open{font-size:11px;color:#6d61df;font-weight:700;margin-top:16px}.bottom-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 9% 70px}.bottom-info>div{background:#f3f3fc;border-radius:15px;padding:23px;color:#7064dc}.bottom-info h3{font:700 15px Manrope;color:#2a2b46;margin:12px 0 6px}.bottom-info p{font-size:12px;line-height:1.7;color:#77798d;margin:0}.workspace{max-width:860px;margin:0 auto;padding:38px 24px 80px}.back-button{border:0;background:none;color:#6e62dc;font-weight:700;font-size:12px;display:flex;align-items:center;gap:7px;cursor:pointer;padding:5px 0 25px}.workspace-heading{display:flex;gap:17px;align-items:center;margin-bottom:28px}.workspace-icon{width:58px;height:58px;border-radius:17px;background:#eeedff;color:#6c61dc;display:grid;place-items:center}.workspace-heading h1{font:800 30px Manrope;margin:5px 0}.workspace-heading p{font-size:13px;color:#77798d;margin:0}.work-panel{background:#fff;border:1px solid #ececf3;border-radius:18px;padding:27px;box-shadow:0 12px 35px #26234c08}.field-group{display:flex;flex-direction:column;gap:9px;margin-bottom:19px}.field-group label{font-size:12px;font-weight:700;color:#45465e}.field-group input:not([type=range]),.field-group select,.field-group textarea{width:100%;border:1px solid #e5e5ef;border-radius:10px;padding:12px 13px;font:13px DM Sans;color:#30314b;background:#fff;outline-color:#8a80ed}.field-group textarea{resize:vertical;min-height:95px;line-height:1.6}.field-group input[type=range]{width:100%;accent-color:#6d61df}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-box{min-height:130px;border:1.5px dashed #c9c5ef;border-radius:13px;background:#fafaff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6d61df;cursor:pointer;position:relative}.upload-box b{font-size:12px;color:#41425d}.upload-box span{font-size:10px;color:#8a8b9d}.upload-box input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-row{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-top:6px;border-radius:8px;background:#f7f7fb;font-size:11px;color:#5e6075}.file-row span{margin-left:auto;color:#9293a2}.primary-button{width:100%;height:48px;border:0;border-radius:11px;background:#6d61df;color:#fff;font:700 13px DM Sans;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;margin-top:8px}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{border:1px solid #e4e2f4;background:#f8f7ff;color:#6359c9;padding:10px;border-radius:9px;font-size:11px;font-weight:700;cursor:pointer}.status{margin-top:16px;padding:12px 14px;border-radius:10px;background:#fff5e9;color:#94602a;font-size:12px;line-height:1.5}.status.success{background:#eaf8f2;color:#26785c}.result-box{margin-top:16px;padding:15px;border:1px solid #e9e8f2;border-radius:11px;background:#fbfbff}.result-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;color:#4a4b63;margin-bottom:10px}.result-heading button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#6c61d8;font-size:11px;font-weight:700;cursor:pointer}.result-box pre{white-space:pre-wrap;word-break:break-word;font:12px/1.7 DM Sans;color:#55566d;margin:0}.result-box p{font-size:13px;line-height:1.7;color:#55566d;margin:0}.helper-note{font-size:11px;line-height:1.6;color:#85869a;margin:14px 0 0}.privacy-note{display:flex;align-items:center;gap:9px;margin-top:18px;color:#4b947c;font-size:11px}.empty-state{text-align:center;padding:40px;color:#7c7d90;font-size:13px}footer{border-top:1px solid #eeeef4;background:#fff;padding:24px 7%;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#9293a3;font-size:10px}.footer-brand{display:flex;align-items:center;gap:7px;color:#393a56;font-weight:800;font-size:12px}.footer-brand svg{color:#6d61df}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-left:7%;padding-right:7%}}@media(max-width:700px){.header{height:64px;padding:0 5%}.header-note{display:none}.hero{grid-template-columns:1fr;padding:55px 7% 35px;gap:5px}.hero-art{height:210px}.hero-orb{width:125px;height:125px}.tool-section{padding:48px 5% 55px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{min-height:195px;padding:14px}.section-top h2{font-size:25px}.bottom-info{grid-template-columns:1fr;padding:0 5% 45px}.workspace{padding:25px 5% 55px}.work-panel{padding:18px}.workspace-heading h1{font-size:25px}.field-grid{grid-template-columns:1fr}.header-link{padding:8px 11px;font-size:10px}footer{flex-direction:column;align-items:flex-start;padding:22px 5%}.chip-one{left:0}.chip-two{right:0}.chip-three{left:7%}}@media(max-width:390px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:165px}.hero h1{font-size:38px}}
