@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:#20241f;--muted:#777d75;--line:#e8e9e3;--paper:#fff;--canvas:#f8f8f4;--green:#234d39;--green2:#31694c;--lime:#d6ef9d;--orange:#ed9866}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;background:#fff;border-right:1px solid var(--line);padding:28px 17px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 17px Manrope,sans-serif;letter-spacing:-.7px;margin:0 7px 51px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:var(--lime);border-radius:10px;font-size:21px}.brand-light{font-weight:500;color:#7d827a}.side-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#9b9f97;padding:0 10px;margin-bottom:12px}.nav-item{border:0;background:transparent;text-align:left;padding:12px 11px;border-radius:10px;color:#747a71;font:600 13px 'DM Sans';display:flex;align-items:center;gap:12px;margin-bottom:5px;cursor:pointer}.nav-item>span:first-child{font-size:17px}.nav-item.active{background:#eef3e9;color:var(--green);font-weight:700}.nav-pill{margin-left:auto;background:#dcebbf;padding:3px 6px;border-radius:5px;font-size:9px;letter-spacing:.4px}.sidebar-bottom{margin-top:auto}.privacy-card{background:#f6f7f0;border:1px solid #ebede2;padding:15px;border-radius:13px;margin:0 2px 18px}.privacy-icon{font-size:24px;color:var(--green);margin-bottom:9px}.privacy-card strong{font-size:12px}.privacy-card p{font-size:11px;line-height:1.6;color:#777d73;margin:6px 0 12px}.privacy-status{font-size:10px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:6px}.privacy-status i,.status-dot,.live-badge i{width:6px;height:6px;background:#76a65c;border-radius:50%;display:inline-block}.profile{border-top:1px solid var(--line);padding:16px 3px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#e9d8c7;color:#75523a;display:grid;place-items:center;font-size:11px;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{font-size:10px;color:#92968e;margin-top:3px}.dots{margin-left:auto;color:#9da197;letter-spacing:1px}.main{min-width:0;flex:1;padding:0 38px;max-width:1600px;margin:0 auto}.topbar{height:69px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;color:#858a81}.breadcrumbs span{padding:0 10px;color:#c2c4bd}.breadcrumbs strong{color:#42483f;font-weight:600}.top-actions{display:flex;align-items:center;gap:8px}.help-button{border:1px solid #dfe2d9;background:#fff;border-radius:7px;padding:8px 11px;color:var(--green);font:600 11px 'DM Sans';margin-left:10px;cursor:pointer}.hero{display:flex;align-items:center;justify-content:space-between;padding:37px 0 28px;min-height:205px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--green2);font-weight:700}.sparkle{font-size:13px;margin-right:5px}h1{font:800 clamp(27px,3vw,39px)/1.17 Manrope,sans-serif;letter-spacing:-1.7px;margin:13px 0 11px}h1 em{font-style:normal;color:#6e8b58}.hero-copy{font-size:12px;color:#7a8076;line-height:1.8;margin:0}.hero-art{width:220px;height:155px;position:relative;margin-right:28px}.art-sun{width:110px;height:110px;background:#e7edc7;border-radius:50%;position:absolute;right:30px;top:8px}.art-card{position:absolute;width:96px;height:117px;border-radius:8px;box-shadow:0 10px 24px #344c3215}.card-back{background:#d8a98b;transform:rotate(12deg);right:22px;top:18px}.card-front{background:#f4e7cf;transform:rotate(-7deg);right:62px;top:15px;border:1px solid #fff7e9;padding:9px}.art-tag{font-size:5px;letter-spacing:1.5px;color:#6c6d45}.art-flower{text-align:center;font-size:45px;color:#66835a;margin-top:7px}.art-lines{display:grid;gap:4px;margin:6px auto;width:50px}.art-lines i{height:3px;background:#c5b49a;border-radius:5px}.art-lines i:nth-child(2){width:70%;margin:auto}.art-lines i:nth-child(3){width:45%;margin:auto}.art-star{position:absolute;right:1px;top:6px;color:#e7a078;font-size:25px}.workspace-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr);gap:17px;align-items:stretch}.panel{background:#fff;border:1px solid #e9eae4;border-radius:13px;min-width:0;box-shadow:0 2px 8px #1c2a1404}.input-panel{padding:22px 23px}.output-panel{padding:22px 23px 0;display:flex;flex-direction:column;min-height:600px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-heading>div{display:flex;align-items:center;gap:10px}.step{font-size:9px;font-weight:700;letter-spacing:1px;color:#7d9b65;background:#f0f4e9;border-radius:5px;padding:6px 7px;white-space:nowrap}.panel h2{font:700 14px Manrope,sans-serif;letter-spacing:-.2px;margin:0}.required-note{font-size:9px;color:#a3a69e}label{font-size:11px;font-weight:700;display:block;margin:15px 0 7px;color:#41483e}label span{color:#b66c4c}input,select,textarea{width:100%;border:1px solid #e3e5dd;border-radius:7px;padding:11px 12px;background:#fff;color:#343a32;font:12px 'DM Sans';outline:none;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#8ca77a;box-shadow:0 0 0 3px #8ca77a20}input::placeholder,textarea::placeholder{color:#b1b4ad}textarea{resize:vertical;line-height:1.6;min-height:105px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.char-count{display:flex;justify-content:space-between;font-size:9px;color:#a0a49b;margin-top:6px}.privacy-note{display:flex;align-items:center;gap:10px;background:#f7f8f3;border:1px solid #eff0e9;border-radius:8px;padding:10px 11px;margin-top:19px}.privacy-note>span{font-size:22px;color:#6b8d58}.privacy-note strong,.privacy-note small{display:block}.privacy-note strong{font-size:10px}.privacy-note small{font-size:9px;color:#858a80;margin-top:4px;line-height:1.5}.primary-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;background:var(--green);color:white;padding:13px 15px;border-radius:8px;font:700 12px 'DM Sans';cursor:pointer;transition:background .2s,transform .2s;margin-top:14px}.primary-button:hover{background:#32694a;transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.button-arrow{margin-left:auto;font-size:16px}.fine-print{font-size:9px;color:#a0a49b;line-height:1.6;text-align:center;margin:10px 0 0}.output-heading{margin-bottom:0}.live-badge{display:flex;align-items:center;gap:6px;background:#f5f7f1;color:#687960;border-radius:20px;padding:6px 9px;font-size:9px}.empty-state{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px}.empty-illustration{width:116px;height:108px;position:relative;margin-bottom:20px}.paper{position:absolute;left:21px;top:7px;width:69px;height:84px;border:1px solid #e3e8da;background:#fbfcf7;border-radius:7px;transform:rotate(-5deg);box-shadow:0 7px 15px #29391a0a;padding:12px 10px}.paper span{font-size:20px;color:#91aa76;display:block;margin-bottom:10px}.paper i{display:block;height:4px;background:#e5e9dd;border-radius:4px;margin-bottom:6px}.paper i:nth-of-type(2){width:75%}.paper i:nth-of-type(3){width:55%}.paper b{font-size:9px;letter-spacing:3px;color:#d8b69d;display:block;margin-top:7px}.pen{position:absolute;right:13px;bottom:14px;font-size:35px;color:#d28e67;transform:rotate(12deg)}.empty-state h3,.loading-state h3{font:700 15px Manrope;margin:0 0 9px;letter-spacing:-.3px}.empty-state>p,.loading-state>p{font-size:11px;line-height:1.8;color:#898e85;max-width:285px;margin:0}.output-features{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:19px}.output-features span{font-size:9px;color:#6b7c5d;background:#f3f6ed;border-radius:20px;padding:7px 9px}.output-footer{border-top:1px solid #eff0eb;padding:15px 0;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a0a49b;margin-top:auto}.results{padding:22px 0 15px}.result-section{border-bottom:1px solid #eff0eb;padding:0 0 16px;margin-bottom:16px}.result-label{font-size:9px;font-weight:700;letter-spacing:1.1px;color:#92988c;display:flex;align-items:center;justify-content:space-between}.copy-btn{border:0;background:#f4f6ef;border-radius:5px;color:#59734a;font:600 9px 'DM Sans';padding:5px 7px;cursor:pointer}.result-title{font:700 17px/1.5 Manrope;letter-spacing:-.3px;margin:11px 0 0;color:#273326}.result-description{white-space:pre-wrap;font-size:11px;line-height:1.9;color:#62685e;margin:11px 0 0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tag{border:1px solid #e5e9dc;background:#f7f9f3;color:#657d53;border-radius:5px;padding:6px 8px;font-size:10px}.seo-box{background:#faf8f1;border:1px solid #f0ecdf;border-radius:8px;padding:12px}.seo-box .result-label{color:#9c8a63}.seo-box p{font-size:10px;line-height:1.6;color:#77705e;margin:8px 0 0}.result-actions{display:flex;gap:9px}.secondary-button{background:white;border:1px solid #dfe4d8;border-radius:7px;padding:10px 13px;color:#506348;font:600 11px 'DM Sans';cursor:pointer}.compact{width:auto;margin:0;padding:11px 14px;font-size:11px}.result-actions .primary-button{flex:1}.loading-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:350px}.loader{width:34px;height:34px;border:3px solid #e7ecdf;border-top-color:#628153;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.page-footer{display:flex;justify-content:space-between;gap:15px;color:#a2a69d;font-size:9px;padding:23px 0 28px}.page-footer span:first-child{font-weight:700;color:#7c8376}dialog{border:1px solid #e6e8df;border-radius:15px;padding:25px;width:min(540px,calc(100% - 28px));box-shadow:0 25px 90px #17261730;color:var(--ink)}dialog::backdrop{background:#1b251b80;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start}.dialog-top h2{font:800 22px Manrope;margin:8px 0}.close-dialog{border:0;background:#f3f4ee;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.dialog-intro{font-size:12px;line-height:1.7;color:#73796e}.setup-steps{padding:0;list-style:none;display:grid;gap:13px;margin:22px 0}.setup-steps li{display:flex;gap:11px}.setup-steps li>span{flex-shrink:0;width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#edf3e6;color:var(--green);font-size:11px;font-weight:700}.setup-steps strong{font-size:12px}.setup-steps p{font-size:11px;color:#7b8177;margin:5px 0}.setup-steps a{color:#4e7b42}.setup-steps code,.model-row input{font:11px ui-monospace,monospace}.setup-steps code{display:inline-block;background:#f4f5f0;padding:7px;border-radius:5px;color:#45553c;margin:3px 0}.setup-steps small{display:block;font-size:10px;color:#8b9087;margin-top:5px}.model-row{display:grid;grid-template-columns:100px 1fr;gap:9px;align-items:center}.model-row label{margin:0}.model-row input{padding:9px}.dialog-warning{background:#faf6ed;border-radius:7px;padding:10px;font-size:10px;line-height:1.6;color:#88765a;margin:15px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.connection-message{font-size:11px;color:#547343;min-height:15px;margin-bottom:0}.toast{position:fixed;bottom:22px;right:22px;background:#253f2d;color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #1b2b1b2e;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:5}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.sidebar{width:205px}.main{padding:0 23px}.hero-art{margin-right:0}.workspace-grid{grid-template-columns:1fr 1fr}.input-panel,.output-panel{padding-left:17px;padding-right:17px}}
@media(max-width:800px){.sidebar{display:none}.main{padding:0 17px}.hero{padding:28px 0 24px}.hero-art{transform:scale(.8);transform-origin:right center;width:150px;margin-left:-15px}.workspace-grid{grid-template-columns:1fr}.output-panel{min-height:530px}.page-footer{padding-bottom:18px}}
@media(max-width:480px){.topbar{height:60px}.breadcrumbs{font-size:10px}.top-actions{font-size:0}.help-button{font-size:10px;margin-left:2px}.hero-art{display:none}.hero{min-height:auto;padding:29px 0}.hero-copy{font-size:11px}.desktop-break{display:none}.input-panel,.output-panel{padding:17px 14px}.panel-heading{gap:8px}.panel h2{font-size:12px}.two-col{gap:9px}.page-footer{font-size:8px}.page-footer span:last-child{text-align:right}.model-row{grid-template-columns:1fr}.model-row label{margin-top:5px}}