@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:#202039;--muted:#74748d;--line:#e8e7f2;--purple:#7657ee;--purple-dark:#5c3ed1;--pink:#ed69b6;--cyan:#43c5d6;--green:#24a77d;--surface:#fff;--wash:#f8f7ff}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(ellipse at 8% 0%,rgba(224,215,255,.72),transparent 32%),radial-gradient(ellipse at 95% 8%,rgba(255,221,240,.62),transparent 30%),#fbfaff;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh}
.app-navbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #eae7f6}.app-navbar .container-xl{max-width:1320px;min-height:76px}.navbar-brand{font-family:Manrope,sans-serif;letter-spacing:-.055em;font-size:1.42rem;font-weight:800;color:var(--ink);text-decoration:none}.navbar-brand:hover{color:var(--ink)}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#a27cff,#7052ed 60%,#ed75c0);box-shadow:0 7px 16px #8a70eb40;font-size:1.12rem}.brand-dot{color:var(--pink)}.nav-trust{display:flex;align-items:center;gap:9px;color:#74748d;font-size:.8rem;font-weight:600}.live-dot{display:inline-block;width:7px;height:7px;background:#35c49a;border-radius:50%;box-shadow:0 0 0 4px #35c49a20}.nav-divider{height:18px;width:1px;background:#e4e1f1;margin:0 5px}
.app-main{max-width:1320px;padding-left:24px;padding-right:24px}.hero{position:relative;overflow:hidden;border:1px solid #e6e0ff;border-radius:30px;padding:clamp(30px,4vw,54px);background:linear-gradient(115deg,#f0ecff 0%,#fff7fc 54%,#effcff 100%);display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:300px;box-shadow:0 20px 60px rgba(90,65,165,.09)}.hero:after{content:'';position:absolute;width:350px;height:350px;right:12%;top:-230px;border-radius:50%;background:rgba(255,255,255,.48);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:690px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#795ee0;margin-bottom:17px}.eyebrow-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#7858e9;box-shadow:0 4px 12px #8a70eb20;font-size:.95rem}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(2.5rem,4.3vw,3.65rem);font-weight:800;line-height:1.08;letter-spacing:-.065em;margin:0 0 16px;color:#23213c}.hero h1 span{background:linear-gradient(90deg,#7657ee,#c65bb7 60%,#399fc4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:1rem;line-height:1.7;color:#686782;max-width:650px;margin:0 0 20px}.hero-pills{display:flex;flex-wrap:wrap;gap:9px}.hero-pills span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e7e0fa;background:#ffffffb8;border-radius:999px;color:#66617f;font-size:.73rem;font-weight:700}.hero-pills span i{color:#8b6be9;font-size:.9rem}.hero-art{position:relative;flex:0 0 270px;height:205px;margin-right:14px;z-index:1}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:170px;height:170px;right:23px;top:10px;background:linear-gradient(145deg,#dcd0ffb8,#ffcce9a8)}.orb-two{width:82px;height:82px;left:7px;bottom:5px;background:linear-gradient(145deg,#b7f0f0,#d8d0ff);opacity:.8}.art-card{position:absolute;border:1px solid #ffffffd9;border-radius:17px;background:#ffffffd9;box-shadow:0 16px 40px #6654a21c;backdrop-filter:blur(12px)}.art-card-back{left:4px;top:39px;width:150px;padding:17px 15px;display:flex;align-items:center;gap:9px;color:#8074ad;font-size:.76rem;font-weight:700;transform:rotate(-8deg)}.art-card-back i{font-size:1.3rem;color:#8a6dea}.art-card-front{right:2px;top:17px;width:166px;padding:16px 16px 14px;transform:rotate(5deg)}.art-spark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#f0eaff,#ffe6f5);color:#a55dd7;margin-bottom:13px}.art-lines{display:grid;gap:7px}.art-lines b{display:block;height:6px;border-radius:8px;background:#e7e3f7;width:100%}.art-lines b:nth-child(2){width:82%}.art-lines b:nth-child(3){width:91%;background:#f5d9ed}.art-lines b:nth-child(4){width:56%}.art-caption{font-size:.68rem;color:#8a83a7;margin-top:11px}.float-star{position:absolute;color:#d66fbd}.star-a{right:-7px;bottom:14px;font-size:1.5rem}.star-b{left:4px;top:18px;font-size:2rem;color:#8a73e9}
.workspace-heading{padding:0 3px}.section-kicker{font-size:.68rem;letter-spacing:.16em;font-weight:800;color:#8a70e6;margin-bottom:8px}.workspace-heading h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;color:#272440}.workspace-heading p{font-size:.87rem;color:#77758f!important}.limits-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #e6e1f7;background:#fff;border-radius:12px;color:#77718e;font-size:.75rem;font-weight:700;box-shadow:0 4px 14px #6451a10a}.limits-badge i{color:#8a6ae9;font-size:.95rem}.limits-badge span{color:#c7bfdf}
.workspace-row{align-items:stretch}.workspace-row>section{display:flex}.work-card{width:100%;min-width:0;border:1px solid #e8e5f4;border-radius:22px;background:rgba(255,255,255,.97);padding:clamp(18px,2.1vw,27px);box-shadow:0 14px 38px rgba(56,45,105,.065);transition:box-shadow .2s,border-color .2s}.work-card:hover{box-shadow:0 18px 46px rgba(56,45,105,.09);border-color:#ddd5fa}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.card-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;font-size:1.25rem}.input-icon{background:linear-gradient(140deg,#eee8ff,#e5e4ff);color:#7657e9}.result-icon{background:linear-gradient(140deg,#ffe4f4,#f2e3ff);color:#d456a7}.card-title-wrap h3{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;font-size:1.12rem;margin:0 0 4px;color:#282541}.card-title-wrap p{font-size:.8rem;color:#9291a8;margin:0}.step-badge{flex-shrink:0;font-size:.72rem;font-weight:800;color:#8c72e9;letter-spacing:.04em;background:#f4f0ff;border-radius:10px;padding:8px 10px}.step-badge span{font-size:.59rem;letter-spacing:.1em;margin-left:3px;color:#a49abf}.result-step{color:#cf5eaa;background:#fff0f8}
.editor-wrap{border:1px solid #e7e4f3;border-radius:15px;background:#fdfcff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.editor-wrap:focus-within{border-color:#a99af4;box-shadow:0 0 0 4px #8b6cf014}.editor{display:block;width:100%;min-height:255px;resize:vertical;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:1.8;font-family:'DM Sans',sans-serif;font-size:.91rem;padding:17px;color:#33334d;outline:none}.editor::placeholder{color:#aaa8bd}.editor-bottom{border-top:1px solid #f0edf8;padding:10px 13px;display:flex;justify-content:space-between;gap:10px;color:#9692ad;font-size:.72rem}.editor-bottom i{color:#9b83e8;margin-right:4px}.counter-limit{font-weight:700;white-space:nowrap}.upload-zone{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px dashed #d8d0f3;border-radius:15px;background:linear-gradient(110deg,#faf8ff,#fff9fd);transition:background .2s,border-color .2s}.upload-zone.drag-over{border-color:#8d70ef;background:#f2edff}.upload-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#eee8ff;color:#8060eb;font-size:1.25rem;flex-shrink:0}.upload-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.upload-copy strong{font-size:.8rem;color:#44405f;overflow-wrap:anywhere}.upload-copy span{font-size:.7rem;color:#89859e}.btn-upload{background:#fff;border:1px solid #e4def4;color:#7254dc;border-radius:10px;font-size:.74rem;font-weight:800;padding:9px 12px;white-space:nowrap}.btn-upload:hover{background:#f1edff;border-color:#d4c8ff;color:#5d41ca}.btn-upload i{margin-left:4px}
.controls-area{padding-top:22px}.controls-heading{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:#77718f;margin-bottom:14px}.controls-heading i{color:#8b6ee9;font-size:1rem}.form-label{display:block;font-size:.74rem;font-weight:800;color:#66637e;margin-bottom:7px}.select-wrap{position:relative}.select-wrap>i{position:absolute;z-index:2;top:50%;left:12px;transform:translateY(-50%);color:#9179e8;font-size:.95rem;pointer-events:none}.form-select{width:100%;border:1px solid #e7e3f3;border-radius:11px;padding:11px 28px 11px 35px;font-size:.8rem;color:#48445f;background-color:#fff;box-shadow:none;min-height:43px}.form-select:focus{border-color:#a697f4;box-shadow:0 0 0 .2rem #8063eb14}.citation-toggle{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #eae6f5;background:#fcfbff;border-radius:13px;cursor:pointer}.toggle-icon{width:36px;height:36px;border-radius:11px;background:#e7f8f2;color:#24a77d;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0}.toggle-copy{display:flex;flex-direction:column;gap:4px;flex:1}.toggle-copy strong{font-size:.76rem;color:#55516f}.toggle-copy small{font-size:.68rem;color:#9290a8}.citation-toggle .form-check-input{margin:0;float:none;width:2.1em;height:1.15em;cursor:pointer;border-color:#cfc8e4;flex-shrink:0}.citation-toggle .form-check-input:checked{background-color:#7657e9;border-color:#7657e9}.btn-humanize{display:flex;align-items:center;gap:11px;padding:14px 16px;border:0;border-radius:13px;color:#fff;background:linear-gradient(100deg,#7553e8 0%,#9657e6 54%,#d45db1 100%);box-shadow:0 9px 20px #8660e733;font-weight:800;font-size:.9rem;transition:transform .18s,box-shadow .18s,filter .18s}.btn-humanize:hover{color:#fff;filter:saturate(1.12);transform:translateY(-1px);box-shadow:0 12px 25px #8660e744}.btn-humanize:disabled{opacity:.65;color:#fff}.button-spark{width:29px;height:29px;display:grid;place-items:center;background:#ffffff2b;border-radius:9px}.button-arrow{transition:transform .2s}.btn-humanize:hover .button-arrow{transform:translateX(3px)}.micro-privacy{display:flex;align-items:center;justify-content:center;gap:6px;color:#9691aa;font-size:.68rem;margin-top:12px;text-align:center}.micro-privacy i{color:#43ad8a}
.result-card{display:flex;flex-direction:column}.result-placeholder{flex:1;min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px 18px;border:1px dashed #e5def6;border-radius:16px;background:radial-gradient(ellipse at 50% 28%,#f5efff 0%,#fdfbff 57%,#fff 100%)}.placeholder-art{position:relative;width:135px;height:125px;margin-bottom:16px}.placeholder-sheet{position:absolute;left:27px;top:10px;width:80px;height:98px;border-radius:13px;background:#fff;border:1px solid #e6ddfb;box-shadow:0 12px 25px #8b6be51b;padding:24px 12px;display:grid;align-content:start;gap:7px;transform:rotate(-5deg)}.placeholder-sheet>span{height:5px;border-radius:5px;background:#e7e0f9}.placeholder-sheet>span:nth-child(2){width:85%}.placeholder-sheet>span:nth-child(3){width:95%;background:#f6d9ed}.placeholder-sheet>span:nth-child(4){width:64%}.placeholder-check{position:absolute;right:-17px;bottom:-8px;width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,#52d5b2,#20ae8c);display:grid;place-items:center;color:white;border:3px solid white;font-size:1rem;box-shadow:0 5px 12px #23b88c36}.placeholder-sparkle{position:absolute;color:#9a7bed;font-size:1.5rem}.sparkle-one{right:4px;top:1px}.sparkle-two{left:0;bottom:13px;color:#e47ab9;font-size:1.8rem}.result-placeholder h4{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1.08rem;margin:0 0 8px;color:#302b4d}.result-placeholder>p{max-width:310px;color:#89859e;font-size:.8rem;line-height:1.65;margin-bottom:16px}.placeholder-features{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}.placeholder-features span{font-size:.7rem;color:#7f7997;font-weight:700}.placeholder-features i{color:#35b891;margin-right:4px}.output-editor{flex:1;min-height:390px;border:1px solid #e9e4f5!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.btn-action{display:inline-flex;align-items:center;gap:7px;border:1px solid #e6e1f2;background:#fff;border-radius:10px;color:#77718f;font-size:.73rem;font-weight:800;padding:10px 12px}.btn-action i{font-size:.92rem}.btn-action:hover:not(:disabled){background:#f6f2ff;border-color:#d7cbff;color:#7252de}.btn-action:disabled{opacity:.42}.btn-copy{background:#f0ebff;border-color:#e2d9ff;color:#7655e5}.btn-use-result{margin-left:auto}.status-line{min-height:18px;color:#9691aa;font-size:.75rem}.bottom-note{display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid #e5e1f4;border-radius:16px;background:#ffffffd9}.footer-shield{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#e7f8f1;color:#25a77d;font-size:1.15rem;flex-shrink:0}.bottom-note strong{font-size:.8rem;color:#4f4a6a}.bottom-note p{font-size:.73rem;color:#89859e;line-height:1.55;margin:4px 0 0;max-width:780px}.footer-local{display:flex;align-items:center;gap:7px;white-space:nowrap;margin-left:auto;color:#8a86a0;font-size:.7rem;font-weight:700}.alert{font-size:.8rem;border-radius:11px}.d-none{display:none!important}.upload-zone.has-file{border-style:solid;border-color:#c9bafa;background:linear-gradient(110deg,#f3efff,#fff8fd)}.upload-zone.has-file .upload-symbol{background:#e2f8f0;color:#22a67b}
/* Keep the workspace polished even if Bootstrap's CDN is unavailable. */
.container-xl{width:100%;margin-left:auto;margin-right:auto}.row{display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y,0));margin-right:calc(-.5 * var(--bs-gutter-x,1.5rem));margin-left:calc(-.5 * var(--bs-gutter-x,1.5rem))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x,1.5rem)*.5);padding-left:calc(var(--bs-gutter-x,1.5rem)*.5);margin-top:var(--bs-gutter-y,0)}.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.justify-content-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-lg-5{padding-top:3rem;padding-bottom:3rem}.h-100{height:100%}.w-100{width:100%}.small{font-size:.875em}.text-muted{color:#77758f!important}.form-control{display:block;width:100%;font-family:inherit}.form-check-input{appearance:none;background-color:#fff;border:1px solid #adb5bd;border-radius:.375em}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.btn{display:inline-block;text-align:center;vertical-align:middle;text-decoration:none;cursor:pointer}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.d-none{display:none!important}
@media(min-width:576px){.container-xl{max-width:540px}}@media(min-width:768px){.container-xl{max-width:720px}}@media(min-width:992px){.container-xl{max-width:960px}.col-lg-6{flex:0 0 auto;width:50%}}@media(min-width:1200px){.container-xl{max-width:1320px}}@media(max-width:991px){.hero-art{margin-right:0;transform:scale(.88);transform-origin:center right;flex-basis:230px}.hero{padding:34px}.hero h1{font-size:2.8rem}.result-placeholder,.output-editor{min-height:320px}}@media(max-width:767px){.app-main{padding-left:16px;padding-right:16px}.app-navbar .container-xl{padding-left:16px;padding-right:16px}.nav-trust{font-size:0}.nav-trust .live-dot,.nav-trust .nav-divider{display:none}.nav-trust i{font-size:1rem}.hero{padding:28px 22px;border-radius:22px;min-height:0}.hero-art{display:none}.hero h1{font-size:2.45rem}.hero-copy>p{font-size:.9rem}.hero-pills{gap:6px}.hero-pills span{font-size:.66rem}.workspace-heading{align-items:flex-start!important}.limits-badge{font-size:.68rem}.work-card{padding:17px;border-radius:17px}.editor{min-height:210px}.result-placeholder,.output-editor{min-height:275px}.btn-use-result{margin-left:0}.bottom-note{flex-wrap:wrap}.footer-local{margin-left:49px}.upload-zone{flex-wrap:wrap}.btn-upload{margin-left:54px}.app-navbar .container-xl{min-height:65px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
