@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";.result-container{width:100%;height:100%;display:flex;padding:8px;box-sizing:border-box;animation:resultExpand .16s ease-out}.result-surface{width:100%;height:100%;position:relative;display:flex;flex-direction:column;border-radius:0;overflow:hidden;background:radial-gradient(120% 78% at -6% 0%,rgba(243,163,96,.22),transparent 52%),radial-gradient(120% 78% at 104% -2%,rgba(111,209,193,.2),transparent 54%),linear-gradient(165deg,#0e1218eb,#0a0d12ed);box-shadow:0 18px 34px #03070c59}.result-surface.tutorial-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;pointer-events:none;z-index:1}@keyframes resultExpand{0%{opacity:0;transform:scale(.965) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-header{-webkit-app-region:drag;cursor:move;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0b,#ffffff04);-webkit-user-select:none;user-select:none}.result-title{display:flex;align-items:center}.result-app-name{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.85px;text-transform:uppercase;color:#ffffffc7}.header-actions{display:flex;align-items:center;gap:6px}.settings-wrap{position:relative}.settings-btn{width:28px;height:28px;border-radius:7px;border:1px solid transparent;background:transparent;color:#ffffffb3;font-size:14px;cursor:pointer;display:grid;place-items:center;transition:all .14s ease}.settings-btn:hover{border-color:#ffffff24;background:#ffffff14;color:#ffffffeb}.settings-popover{position:absolute;top:34px;right:0;min-width:228px;max-height:min(360px,calc(100vh - 60px));padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(120% 78% at 0% 0%,rgba(243,163,96,.2),transparent 54%),linear-gradient(170deg,#13171ef5,#0d1116f2);box-shadow:0 14px 30px #0000005c;display:flex;flex-direction:column;gap:8px;z-index:10;-webkit-app-region:no-drag;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;z-index:12}.settings-popover::-webkit-scrollbar{width:0;height:0}.opacity-label,.setting-label{font-family:var(--font-display);font-size:9px;letter-spacing:.4px;color:#ffffffb8}.opacity-range{width:100%;accent-color:rgba(243,163,96,.9)}.setting-group{display:flex;flex-direction:column;gap:5px}.setting-pills{display:flex;gap:5px;flex-wrap:wrap}.setting-pill{border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#ffffffc2;border-radius:999px;padding:4px 7px;font-size:9px;cursor:pointer;transition:all .12s ease}.setting-pill:hover{background:#ffffff1a}.setting-pill.active{border-color:#f3a36075;background:linear-gradient(150deg,#f3a36045,#6fd1c130);color:#fffffff2}.setting-value{font-size:9px;color:#ffffff9e}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.template-tile{border:1px solid rgba(255,255,255,.16);background:#ffffff0d;border-radius:8px;padding:6px 4px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .12s ease}.template-tile:hover{background:#ffffff1a}.template-tile.active{border-color:#f3a36075;background:linear-gradient(150deg,#f3a36045,#6fd1c130)}.template-icon{width:34px;height:26px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;padding:3px 4px;display:flex;flex-direction:column;gap:3px}.template-line{display:block;height:2px;border-radius:2px;background:#ffffffbd}.template-icon.default .l1{width:100%}.template-icon.default .l2{width:84%}.template-icon.default .l3{width:68%}.template-icon.bullets .l1,.template-icon.bullets .l2,.template-icon.bullets .l3{position:relative;width:86%;margin-left:6px}.template-icon.bullets .l1:before,.template-icon.bullets .l2:before,.template-icon.bullets .l3:before{content:"";position:absolute;left:-6px;top:-1px;width:3px;height:3px;border-radius:50%;background:#f3a360f2}.template-icon.numbered .l1,.template-icon.numbered .l2,.template-icon.numbered .l3{position:relative;width:84%;margin-left:7px}.template-icon.numbered .l1:before,.template-icon.numbered .l2:before,.template-icon.numbered .l3:before{position:absolute;left:-7px;top:-3px;font-size:6px;color:#f3a360f2}.template-icon.numbered .l1:before{content:"1."}.template-icon.numbered .l2:before{content:"2."}.template-icon.numbered .l3:before{content:"3."}.template-icon.headings .l1{width:68%;height:3px}.template-icon.headings .l2{width:100%}.template-icon.headings .l3{width:86%}.template-icon.signoff .l1{width:100%}.template-icon.signoff .l2{width:74%}.template-icon.signoff .l3{width:52%;margin-top:4px}.template-text{font-size:8px;line-height:1.1;color:#fffc}.result-content{flex:1;display:flex;flex-direction:column;padding:13px;gap:10px;overflow-y:auto;scrollbar-width:none}.result-content::-webkit-scrollbar{width:0;height:0}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:2.8px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:#ffffff0a}.mode-pill{border:none;border-radius:999px;background:transparent;color:#ffffffc2;padding:6.5px 7px;font-size:9.3px;font-weight:600;letter-spacing:.12px;cursor:pointer;transition:all .2s ease}.mode-pill.active{background:linear-gradient(145deg,#f3a3603d,#6fd1c124);box-shadow:inset 0 0 0 1px #ffffff0f;color:#fffffff5}.tutorial-focus{position:relative;z-index:15;box-shadow:0 0 0 2px #f3a360a6,0 0 26px #f3a36073;transform:translateZ(0) scale(1.03);animation:tutorialPulse 1.6s ease-in-out infinite}@keyframes tutorialPulse{0%{box-shadow:0 0 0 2px #f3a3608c,0 0 18px #f3a3604d}50%{box-shadow:0 0 0 2px #f3a360cc,0 0 30px #f3a3608c}to{box-shadow:0 0 0 2px #f3a3608c,0 0 18px #f3a3604d}}.tone-row{display:flex;flex-direction:column;gap:4px}.tone-panel{display:flex;gap:6px;flex-wrap:wrap;opacity:0;max-height:0;overflow:hidden;transform:translateY(-4px);transition:opacity .2s ease,max-height .2s ease,transform .2s ease}.tone-panel.visible{opacity:1;max-height:210px;transform:translateY(0)}.tone-pill{border:1px solid rgba(255,255,255,.13);background:#ffffff0b;color:#ffffffbf;padding:4.6px 7.4px;border-radius:999px;font-size:8.4px;letter-spacing:.1px;cursor:pointer;transition:all .12s ease}.tone-pill:hover{background:#ffffff1a}.tone-pill.active{border-color:#f3a3606b;background:linear-gradient(145deg,#f3a36042,#6fd1c129);color:#fffffff2}.result-text-box{flex:1;position:relative;display:flex;flex-direction:column;padding:11px 11px 24px;border-radius:14px;background:linear-gradient(160deg,#f9fafb1a,#f9fafb0a);border:1px solid rgba(255,255,255,.08);transition:opacity .2s ease,transform .22s ease}.result-text-box.loading{opacity:.62;transform:translateY(1px)}.result-text-input{flex:1;min-height:84px;padding:0;resize:none;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:12px;line-height:1.6;letter-spacing:.1px;color:#ffffffed}.result-text-input::placeholder{color:#ffffff7a}.go-btn,.soft-copy{position:absolute;bottom:6px;border-radius:999px;padding:4.6px 7px;font-size:9.3px;cursor:pointer;transition:all .14s ease;display:inline-flex;align-items:center;gap:0;min-width:26px;justify-content:center}.go-btn{right:44px;border:1px solid rgba(243,163,96,.32);background:linear-gradient(145deg,#f3a3603d,#6fd1c11f);color:#ffffffeb}.go-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #f3a36033}.go-btn:disabled,.soft-copy:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.soft-copy{right:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffb8}.soft-copy:hover{color:#fffffff0;border-color:#ffffff3d}.btn-icon{width:11px;height:11px;display:inline-block;background:currentColor;opacity:.9;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.go-icon{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 5l9 7-9 7V5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 5l9 7-9 7V5z'/></svg>")}.copy-icon{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M16 1H6c-1.1 0-2 .9-2 2v12h2V3h10V1zm3 4H10c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16h-9V7h9v14z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M16 1H6c-1.1 0-2 .9-2 2v12h2V3h10V1zm3 4H10c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16h-9V7h9v14z'/></svg>")}.copy-toast{position:absolute;right:120px;bottom:8px;border-radius:999px;padding:3px 7px;font-size:10px;background:#080c12a8;color:#ffffffd6;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.copy-toast.show{opacity:1;transform:translateY(0) scale(1)}.subtle-loading{position:absolute;left:11px;bottom:8px;font-family:var(--font-display);font-size:9px;letter-spacing:.28px;color:#ffffff9e;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.subtle-loading.show{opacity:1;transform:translateY(0)}.result-error{border-radius:10px;border:1px solid rgba(255,108,108,.28);background:#ff6c6c17;color:#ff8c8cf5;padding:7px 9px;font-size:10px;line-height:1.4}.tutorial-panel{position:absolute;left:10px;right:auto;bottom:10px;z-index:12;width:190px;max-width:calc(100% - 20px);max-height:calc(100% - 80px);overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(150deg,#141920f0,#0e1218f0);box-shadow:0 12px 24px #00000059;padding:10px;display:flex;flex-direction:column;gap:6px}.tutorial-head{display:flex;align-items:center;justify-content:space-between}.tutorial-kicker{font-family:var(--font-display);font-size:9px;letter-spacing:.45px;text-transform:uppercase;color:#ffffffad}.tutorial-title{font-family:var(--font-display);font-size:12px;color:#fffffff2}.tutorial-body{font-size:10px;line-height:1.45;color:#ffffffc2}.tutorial-actions{display:flex;gap:8px}.tutorial-btn{border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff0f;color:#ffffffdb;font-size:10px;padding:5px 10px;cursor:pointer;transition:all .12s ease}.tutorial-btn:hover{background:#ffffff1f}.tutorial-btn.primary{border-color:#f3a36066;background:linear-gradient(145deg,#f3a3603d,#6fd1c124)}@media (prefers-color-scheme: light){.result-surface{background:radial-gradient(120% 78% at -6% 0%,rgba(243,163,96,.24),transparent 52%),radial-gradient(120% 78% at 104% -2%,rgba(111,209,193,.19),transparent 54%),linear-gradient(165deg,#fffffff2,#f5f8fcf2);box-shadow:0 14px 28px #111c2629}.result-surface.tutorial-active:after{background:#0d162033}.result-header{border-bottom-color:#08101814;background:linear-gradient(180deg,#ffffff8c,#fff3)}.result-app-name{color:#141e28c7}.settings-btn{color:#141e28ad}.settings-btn:hover{border-color:#141e2821;background:#141e280f;color:#141e28e6}.settings-popover{border-color:#0f19231f;background:radial-gradient(120% 78% at 0% 0%,rgba(243,163,96,.22),transparent 54%),linear-gradient(170deg,#fffffffa,#f8fbfffa);box-shadow:0 12px 24px #111c262e}.opacity-label,.setting-label{color:#121c26ad}.setting-pill{border-color:#121c2624;background:#121c2608;color:#121c26b3}.setting-pill:hover{background:#121c2614}.setting-pill.active{border-color:#be763c66;background:linear-gradient(145deg,#be763c36,#469e9126);color:#121c26db}.setting-value{color:#121c268c}.template-tile{border-color:#121c2624;background:#121c2608}.template-tile:hover{background:#121c2614}.template-tile.active{border-color:#be763c66;background:linear-gradient(145deg,#be763c36,#469e9126)}.template-icon{border-color:#121c2633;background:#121c2608}.template-line{background:#121c26b8}.template-icon.bullets .l1:before,.template-icon.bullets .l2:before,.template-icon.bullets .l3:before,.template-icon.numbered .l1:before,.template-icon.numbered .l2:before,.template-icon.numbered .l3:before{color:#be763cf2;background:#be763cf2}.template-text{color:#121c26c2}.mode-row{border-color:#121c261c;background:#121c2609}.mode-pill{color:#121c26b8}.mode-pill.active{color:#121c26e6;background:linear-gradient(145deg,#be763c33,#469e911c)}.tone-pill{border-color:#121c261f;background:#121c2608;color:#121c26b8}.tone-pill:hover{background:#121c2614}.tone-pill.active{color:#121c26e0;border-color:#be763c61;background:linear-gradient(145deg,#be763c36,#469e911f)}.result-text-box{border-color:#121c2614;background:linear-gradient(160deg,#f9fafbf5,#f3f7fcf0)}.result-text-input{color:#0e1822e6}.result-text-input::placeholder{color:#141e286b}.go-btn{color:#121c26db;border-color:#be763c5c;background:linear-gradient(145deg,#be763c3b,#469e9124)}.soft-copy{border-color:#121c2621;background:#121c2608;color:#121c26ad}.soft-copy:hover{color:#121c26e6;border-color:#121c263d}.copy-toast{background:#ffffffeb;color:#121c26bd;border:1px solid rgba(18,28,38,.08)}.subtle-loading{color:#121c268f}.result-error{border-color:#cd484842;background:#cd484814;color:#ad2c2ceb}.tutorial-panel{border-color:#121c2624;background:linear-gradient(155deg,#fffffff2,#f7fafef2);box-shadow:0 10px 22px #111c262e}.tutorial-kicker{color:#121c2694}.tutorial-title{color:#121c26eb}.tutorial-body{color:#121c26b8}.tutorial-btn{border-color:#121c262e;background:#121c2608;color:#121c26d1}.tutorial-btn:hover{background:#121c2614}.tutorial-btn.primary{border-color:#be763c59;background:linear-gradient(145deg,#be763c38,#469e9121)}}.app-root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;isolation:isolate;transition:opacity .12s linear,background-color .22s ease;will-change:opacity;background:radial-gradient(160% 90% at 12% -18%,rgba(243,163,96,calc(var(--bg-alpha, 0) * .42)),transparent 52%),radial-gradient(130% 88% at 100% 0%,rgba(111,209,193,calc(var(--bg-alpha, 0) * .3)),transparent 58%),linear-gradient(155deg,rgba(17,20,26,calc(var(--bg-alpha, 0) * .96)),rgba(11,14,19,calc(var(--bg-alpha, 0) * .96)));border-radius:var(--app-radius)}.app-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,calc(var(--bg-alpha, 0) * .012)) 0px,rgba(255,255,255,calc(var(--bg-alpha, 0) * .012)) 1px,transparent 1px,transparent 16px)}@media (prefers-color-scheme: light){.app-root{background:radial-gradient(150% 90% at 0% -12%,rgba(243,163,96,calc(var(--bg-alpha, 0) * .34)),transparent 55%),radial-gradient(120% 80% at 100% 0%,rgba(111,209,193,calc(var(--bg-alpha, 0) * .28)),transparent 60%),linear-gradient(155deg,rgba(245,247,250,calc(var(--bg-alpha, 0) * .98)),rgba(236,239,244,calc(var(--bg-alpha, 0) * .98)))}}.no-drag{-webkit-app-region:no-drag}.landing{min-height:100vh;background:radial-gradient(80% 60% at 0% 0%,rgba(243,163,96,.18),transparent 60%),radial-gradient(70% 60% at 100% 0%,rgba(111,209,193,.2),transparent 60%),linear-gradient(165deg,#0b0f14,#0f141b);color:#f6f7fb}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 6vw}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:8px;object-fit:cover}.brand-name{font-family:var(--font-display);font-size:14px;letter-spacing:.3px;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:18px}.nav-link{color:#f6f7fbb3;text-decoration:none;font-size:12px;letter-spacing:.2px}.nav-link:hover{color:#f6f7fbf2}.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:32px 6vw 56px;align-items:center}.hero-kicker{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#f3a360e6}.hero-copy h1{font-family:var(--font-display);font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:10px 0 14px}.hero-sub{color:#f6f7fbb8;max-width:520px;line-height:1.6}.hero-cta{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}.cta{padding:12px 18px;border-radius:999px;font-weight:600;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .2s ease}.cta.primary{background:linear-gradient(135deg,#f3a360e6,#6fd1c1e6);color:#0d1116}.cta.primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #f3a36040}.cta.ghost{border-color:#fff3;color:#f6f7fbd9;background:#ffffff0a}.cta.ghost:hover{border-color:#ffffff73}.hero-note{margin-top:10px;font-size:12px;color:#f6f7fb99}.hero-panel{display:flex;justify-content:center}.panel-card{width:min(420px,90%);background:#0a0e14b3;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 60px #00000059}.panel-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:4px 8px;border-radius:999px;font-size:10px;background:#ffffff0f;color:#f6f7fbb3}.chip.accent{background:#f3a36033;color:#f3a360f2}.panel-text{margin-top:14px;padding:12px;border-radius:12px;background:#ffffff0a;color:#f6f7fbb3;font-size:12px;line-height:1.5}.panel-text.strong{background:#f3a3601f;color:#f6f7fbe6}.panel-actions{display:flex;gap:10px;margin-top:14px}.mini{padding:6px 10px;border-radius:999px;font-size:10px;border:1px solid transparent}.mini.primary{background:#f3a360d9;color:#10151c}.mini.ghost{border-color:#ffffff29;color:#f6f7fbcc;background:transparent}.section{padding:40px 6vw}.section h2{font-family:var(--font-display);font-size:clamp(20px,2.4vw,30px);margin-bottom:18px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.card h3{margin-bottom:8px}.card p{color:#f6f7fbb3;line-height:1.6}.steps{background:#ffffff05}.step-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.step{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#6fd1c133;color:#6fd1c1f2;font-weight:700}.download-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.footer{padding:24px 6vw 40px;display:flex;justify-content:space-between;color:#f6f7fb8c;font-size:12px}@media (max-width: 900px){.hero{grid-template-columns:1fr}.landing-nav{flex-direction:column;gap:12px}.download-card{flex-direction:column;align-items:flex-start}.footer{flex-direction:column;gap:10px}}:root{--font-body: "Manrope", "Segoe UI", sans-serif;--font-display: "Sora", "Segoe UI", sans-serif;--app-radius: 0;--ink-strong: rgba(255, 255, 255, .92);--ink-soft: rgba(255, 255, 255, .7);--ink-faint: rgba(255, 255, 255, .52);--line-soft: rgba(255, 255, 255, .12);--accent-1: #f3a360;--accent-2: #6fd1c1;--accent-3: #f6d29a;color-scheme:light dark;font-family:var(--font-body);line-height:1.45;font-weight:500;color:var(--ink-strong);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}body{margin:0;padding:0;min-width:30px;min-height:30px;background:transparent;overflow:auto;font-family:var(--font-body)}#root{width:100%;height:100vh}