:root{--bg:#eff8f3;--paper:#fff;--ink:#13231e;--muted:#64756e;--line:#d4e4dd;--green:var(--brand,#176b58);--sage:#dfeee8;--panel:#f8fbf9;color-scheme:light}:root[data-theme=dark]{--bg:#111513;--paper:#1b211e;--ink:#f2f5f3;--muted:#b1beb8;--line:#35413b;--green:#79bea8;--sage:#24362f;--panel:#171c19;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Manrope,Segoe UI,system-ui,sans-serif}.topbar{min-height:55px;display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.65px}.brand svg{width:24px;height:24px;flex:none}.brand .ink{fill:#13231e}.brand .green{fill:var(--brand,#176b58)}.brand span{color:var(--green)}.tagline{font-size:13px;color:var(--muted)}.suite-nav{display:flex;align-items:center;gap:3px;margin-left:10px}.spacer{flex:1}.suite-nav a{padding:7px 8px;color:var(--muted);font-size:11px;white-space:nowrap;font-weight:700;text-decoration:none;border-radius:8px}.suite-nav a:hover,.suite-nav .current{background:var(--paper);color:var(--green)}button,select,textarea{font:inherit}.icon-btn,.actions button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:8px 11px;cursor:pointer}.hero{max-width:1280px;margin:auto;min-height:600px;padding:70px 36px 50px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px}.hero img{width:100%;height:480px;object-fit:contain;filter:drop-shadow(0 30px 35px #173b3025)}.eyebrow,.step{font-size:10px;font-weight:850;letter-spacing:.18em;color:var(--green)}h1{font-size:clamp(58px,7vw,96px);line-height:.9;letter-spacing:-5px;margin:18px 0 27px}h1 em{font-style:normal;color:var(--green)}.hero p{max-width:560px;font-size:17px;color:var(--muted)}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;font-size:12px;font-weight:800}.trust span:before{content:"✓";color:var(--green);margin-right:6px}.workspace{max-width:1380px;margin:0 auto 100px;display:grid;grid-template-columns:340px 1fr;border:1px solid var(--line);background:var(--paper);border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #17382e16}.settings{padding:28px;background:var(--panel);border-right:1px solid var(--line)}.step{margin-bottom:13px}.drop{border:1px dashed #9eb8ad;border-radius:16px;min-height:210px;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:var(--paper);cursor:pointer;margin-bottom:25px}.drop.drag{border-color:var(--green);background:var(--sage)}.drop input{display:none}.drop-icon{font-size:38px;color:var(--green)}.drop small{color:var(--muted);margin:5px 0 14px}.drop button,.primary{border:0;border-radius:10px;padding:11px 15px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.queue{display:grid;gap:7px;margin:-12px 0 25px}.file{padding:9px 10px;background:var(--paper);border:1px solid var(--line);border-radius:9px;display:flex;gap:8px;align-items:center}.file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file small{margin-left:auto;color:var(--muted);flex:none}.settings>label:not(.drop){display:grid;gap:7px;font-size:12px;font-weight:800;margin-bottom:14px}.settings select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:11px;border-radius:9px}.settings .check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.primary{width:100%;display:flex;justify-content:space-between;padding:14px 16px;background:var(--green)}.primary:disabled{opacity:.45;cursor:not-allowed}.privacy{margin-top:20px;padding:15px;border-radius:12px;background:var(--sage);display:grid;gap:4px}.privacy span{font-size:11px;color:var(--muted)}.output{min-width:0;display:grid;grid-template-rows:auto auto 1fr auto;min-height:680px}.output-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line)}.output-head .step{margin:0}.output-head strong{font-size:18px}.actions{display:flex;gap:7px}.actions button:disabled{opacity:.45}.progress{height:44px;background:var(--sage);position:relative;overflow:hidden;padding:12px 28px;font-size:12px;font-weight:800}.progress i{position:absolute;left:0;top:0;bottom:0;width:0;background:color-mix(in srgb,var(--green) 18%,transparent);transition:width .2s}.progress span{position:relative}.output textarea{width:100%;min-height:540px;resize:none;border:0;outline:0;background:var(--paper);color:var(--ink);padding:30px;font:15px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.output footer{padding:13px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.seo{max-width:1180px;margin:0 auto 120px;padding:0 30px}.seo h2{font-size:clamp(40px,5vw,67px);line-height:1;letter-spacing:-3px;max-width:900px;margin:16px 0 40px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.features article b{font-size:17px}.features p{color:var(--muted)}@media(max-width:900px){.tagline,.suite-nav{display:none}.topbar{padding:10px 16px}.icon-btn{margin-left:auto}.hero{grid-template-columns:1fr;padding:60px 24px}.hero img{height:340px}.workspace{margin:0 16px 70px;grid-template-columns:1fr}.settings{border-right:0;border-bottom:1px solid var(--line)}.output-head{align-items:flex-start;flex-direction:column}.features{grid-template-columns:1fr}.seo{padding:0 24px}h1{font-size:60px;letter-spacing:-4px}.output footer{gap:8px;flex-direction:column}}:root[data-theme=dark]{--bg:#343835;--paper:#424743;--panel:#3d423e;--line:#5a605c;--ink:#f3f5f4;--muted:#c8ceca;--green:#9bc9b9;--sage:#4b514d;color-scheme:dark}.topbar{background:color-mix(in srgb,var(--paper) 90%,transparent);border-color:var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hero{min-height:500px;padding-block:55px 45px}.hero img{height:400px}.workspace{border-color:var(--line);box-shadow:0 18px 48px #122d231a}.primary,.r-dl{background:linear-gradient(135deg,var(--brand,#176b58) 0%,#24836d 100%);box-shadow:inset 0 1px #ffffff29,0 8px 20px #176b5829}.primary:hover,.r-dl:hover{background:linear-gradient(135deg,#145e4e,#1f7662)}:root[data-theme=dark] .primary,:root[data-theme=dark] .r-dl{background:linear-gradient(135deg,#f0f3f1,#d9e4df);color:#202522;box-shadow:inset 0 1px #fff,0 8px 18px #0c0f0d29}.features article,.result{background:linear-gradient(142deg,var(--paper) 0%,color-mix(in srgb,var(--panel) 88%,var(--paper)) 100%);border-color:var(--line);box-shadow:inset 0 1px color-mix(in srgb,#fff 35%,transparent),0 10px 26px #122d230f}button svg,.icon-btn svg{stroke-linecap:round;stroke-linejoin:round}@media(max-width:900px){.hero{min-height:0}.hero img{height:300px}}.suite-theme-icon{width:23px;height:23px;display:block;fill:none;overflow:visible}.suite-theme-icon path,.suite-theme-icon circle{stroke:currentColor;stroke-width:3.25;stroke-linecap:round;stroke-linejoin:round}.brand .brand-logo{display:block;width:112px;height:auto;max-width:none;background:none!important;padding:0!important;border-radius:0!important}:root[data-theme=dark] .brand .brand-logo{content:url(/brand/ofyz-logo-dark.svg)}