:root{color:#17211f;background:#f5f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(180deg,#eaefe9f5,#f5f7f5 42%),#f5f7f5;padding:32px}.intro-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;max-width:1240px;margin:0 auto 24px;align-items:end}.brand-lockup{display:flex;gap:16px;align-items:flex-start}.brand-mark{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #d5ddd4;border-radius:8px;background:#fff;color:#135b54;box-shadow:0 16px 38px #142a2414}.eyebrow{margin:0 0 6px;color:#0f766e;font-size:.86rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:0;color:#17211f;font-size:clamp(2.1rem,5vw,4.8rem);line-height:.98;letter-spacing:0}.intro-copy{margin:0;max-width:460px;color:#53615e;font-size:1rem;line-height:1.8}.intro-copy p{margin-bottom:12px}.trust-row,.quality-strip,.example-row{display:flex;flex-wrap:wrap;gap:8px}.trust-row span,.quality-strip span{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid #d6ded6;border-radius:999px;background:#ffffffb8;padding:5px 10px;color:#3d514c;font-size:.82rem;font-weight:800}.workspace{display:grid;grid-template-columns:minmax(320px,.42fr) minmax(0,.58fr);gap:20px;max-width:1240px;margin:0 auto;align-items:start}.composer-panel,.output-panel{border:1px solid #dce3db;border-radius:8px;background:#ffffffe0;box-shadow:0 24px 70px #1f2d2717}.composer-panel,.output-panel{padding:22px}.panel-heading,.section-title{display:flex;align-items:center;gap:10px;color:#1f2d28}.panel-heading{margin-bottom:18px}.panel-heading h2,.section-title h3{margin:0}.panel-heading h2{font-size:1.15rem}.split-heading,.output-heading{justify-content:space-between}.heading-title,.output-title{display:flex;align-items:center;gap:10px;flex:1}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid #d8dfd7;border-radius:8px;background:#fff;padding:0 10px;color:#4c5955;font-size:.82rem;font-weight:800}.ghost-button:hover{border-color:#aebdb7;color:#17211f}.output-heading p{margin:3px 0 0;color:#697572;font-size:.9rem}.copy-all-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #cdd8d1;border-radius:8px;background:#17211f;padding:0 12px;color:#fff;font-size:.86rem;font-weight:800;white-space:nowrap}.copy-all-button:hover{background:#24342f}.quality-strip{margin:-4px 0 14px}.quality-strip span{border-radius:8px;background:#f7faf8;font-weight:700}.field-label{display:block;margin-bottom:8px;color:#3e4b47;font-size:.92rem;font-weight:700}textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #cfd9d1;border-radius:8px;padding:14px;background:#fbfcfb;color:#17211f;line-height:1.65;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 4px #0f766e1f}.text-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#7a8582;font-size:.82rem}.example-row{margin-top:12px}.quick-panel{margin-top:16px;border:1px solid #dce3db;border-radius:8px;background:#f8faf8;padding:12px}.mini-heading,.history-heading,.history-heading>div{display:flex;align-items:center}.mini-heading{gap:7px;color:#33423e;font-size:.86rem;font-weight:900}.history-heading{justify-content:space-between;gap:10px}.history-heading>div{gap:7px}.history-heading button{border:0;background:transparent;color:#64716d;font-size:.78rem;font-weight:800}.history-heading button:hover{color:#8a2424}.example-row button{border:1px solid #d8dfd7;border-radius:999px;background:#fff;padding:7px 10px;color:#44524e;font-size:.8rem;line-height:1.25}.example-row button:hover{border-color:#0f766e;color:#0f766e}.history-list{display:grid;gap:8px;margin-top:10px}.history-list button{width:100%;border:1px solid #d8dfd7;border-radius:8px;background:#fff;padding:10px;color:#25312d;text-align:left}.history-list button:hover{border-color:#0f766e}.history-list span,.history-list small{display:block}.history-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:800}.history-list small{margin-top:4px;color:#6f7c78;font-size:.76rem}.control-group{margin-top:22px}.section-title{margin-bottom:10px}.section-title h3{font-size:.98rem}.use-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{min-height:74px;border:1px solid #d7dfd6;border-radius:8px;background:#fff;padding:12px;color:#1d2a26;text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.choice-card:hover{transform:translateY(-1px);border-color:#9db1ab}.choice-card.selected{border-color:#0f766e;background:#eef9f7;box-shadow:inset 0 0 0 1px #0f766e2e}.choice-card span,.choice-card small{display:block}.choice-card span{font-weight:800}.choice-card small{margin-top:6px;color:#63706c;font-size:.78rem;line-height:1.35}.tone-tabs,.language-tabs{display:grid;gap:6px;padding:5px;border:1px solid #d8dfd7;border-radius:8px;background:#f3f6f3}.tone-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.language-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.tone-tabs button,.language-tabs button{min-height:40px;border:0;border-radius:6px;background:transparent;color:#4c5955;font-size:.9rem;font-weight:700}.tone-tabs button.active,.language-tabs button.active{background:#17211f;color:#fff;box-shadow:0 8px 18px #17211f2e}.prompt-grid{display:grid;grid-template-columns:1fr;gap:14px}.prompt-card{overflow:hidden;border:1px solid #dce3db;border-radius:8px;background:#fbfcfb}.prompt-card.featured pre{max-height:460px;min-height:360px;font-size:.9rem}.prompt-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 14px;border-top:4px solid var(--accent);border-bottom:1px solid #e2e8e1;background:#fff}.prompt-card header p{margin:0;color:#18231f;font-weight:900}.prompt-card header span{display:block;margin-top:2px;color:#6e7a77;font-size:.82rem}.icon-button{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #ced8d1;border-radius:8px;background:#f7faf8;color:#1f2d28}.copy-prompt-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #ced8d1;border-radius:8px;background:#f7faf8;padding:0 11px;color:#1f2d28;font-size:.84rem;font-weight:900;white-space:nowrap}.copy-prompt-button:hover{border-color:var(--accent);color:var(--accent)}.copy-prompt-button:disabled{cursor:not-allowed;opacity:.55}.copy-prompt-button:disabled:hover{border-color:#ced8d1;color:#1f2d28}.icon-button:hover{border-color:var(--accent);color:var(--accent)}pre{max-height:240px;min-height:180px;margin:0;overflow:auto;padding:14px;color:#25312d;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.62}.local-note{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 14px;border:1px solid #d7dfd6;border-radius:8px;background:#f7faf8;color:#4f5f5a;font-size:.9rem}.local-note.error{border-color:#f1b9b9;background:#fff7f7;color:#8a2424}.site-footer{max-width:1240px;margin:22px auto 0}.ad-slot{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:112px;overflow:hidden;padding:10px;border:1px solid #dce3db;border-radius:8px;background:#ffffff94;color:#6a7773;text-align:center}.ad-slot ins{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:center;width:100%;max-width:728px;min-width:0;min-height:90px;margin:0 auto!important}.ad-slot iframe,.ad-slot ins iframe{display:block!important;max-width:100%!important;margin-right:auto!important;margin-left:auto!important}.ad-fallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.ad-fallback span{color:#52605c;font-size:.72rem;font-weight:900;text-transform:uppercase}.ad-fallback p{margin:3px 0 0;font-size:.9rem;font-weight:800}.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.footer-block{display:flex;gap:12px;min-height:124px;border:1px solid #dce3db;border-radius:8px;background:#ffffffd6;padding:16px;color:#3d4b47}.footer-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #d2ddd6;border-radius:8px;background:#f8faf8;color:#0f766e}.footer-block h2{margin:0 0 6px;color:#17211f;font-size:1rem}.footer-block p{margin:0;color:#64716d;font-size:.9rem;line-height:1.6}.support-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin-top:12px;border-radius:8px;background:#17211f;padding:0 12px;color:#fff;font-size:.86rem;font-weight:900;text-decoration:none}.support-link:hover{background:#24342f}.footer-fineprint{margin:14px 0 0;color:#72807c;font-size:.82rem;line-height:1.6;text-align:center}.toast{position:fixed;right:22px;bottom:22px;z-index:10;display:inline-flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 32px));border:1px solid #bfd8d2;border-radius:8px;background:#fff;box-shadow:0 22px 58px #17211f29;padding:12px 14px;color:#18332f;font-size:.9rem;font-weight:800}.toast svg{color:#0f766e;flex:0 0 auto}.toast.error{border-color:#f1b9b9;color:#8a2424}.toast.error svg{color:#8a2424}@media(max-width:980px){.app-shell{padding:22px}.intro-band,.workspace,.footer-grid{grid-template-columns:1fr}.intro-copy{max-width:720px}}@media(max-width:620px){.app-shell{padding:16px}.brand-lockup{display:block}.brand-mark{margin-bottom:14px}h1{font-size:2.25rem;line-height:1.04}.composer-panel,.output-panel{padding:16px}.use-case-grid,.tone-tabs,.language-tabs{grid-template-columns:1fr}.tone-tabs button,.language-tabs button{min-height:38px}.output-heading{align-items:flex-start;flex-direction:column}.copy-all-button{width:100%}.prompt-card.featured pre{max-height:360px;min-height:280px}.ad-slot{align-items:center;flex-direction:column;gap:6px}.ad-slot small{border-left:0;padding-left:0}.toast{right:16px;bottom:16px}}