:root{--ink:#18221f;--muted:#78827d;--paper:#f4f5ef;--panel:#fbfcf7;--line:#dce2d9;--lime:#d3f36a;--lime-deep:#b9dc4d;--coral:#ff765f;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--sans:"Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0}body:before{content:"";z-index:-1;opacity:.32;pointer-events:none;background-image:radial-gradient(#c5cec1 .7px,#0000 .7px);background-size:17px 17px;position:fixed;inset:0}button,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1240px,100% - 64px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:11px;font-size:18px;font-weight:750;text-decoration:none;display:inline-flex}.brand>span:last-child span{color:#8da833}.brand-mark{border:1px solid var(--ink);width:31px;height:31px;color:var(--ink);font:700 13px var(--mono);letter-spacing:-4px;border-radius:8px;place-items:center;padding-right:4px;display:grid}.topbar-note{color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.status-dot{background:#72af54;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #e3efd9}.hero{max-width:680px;padding:86px 0 54px}.eyebrow{color:#82963d;font:600 11px var(--mono);letter-spacing:.18em;margin-bottom:18px}h1{letter-spacing:-.075em;margin:0;font-size:clamp(47px,7vw,90px);font-weight:760;line-height:.92}h1 em{color:#84a32e;font-style:normal}.hero p{max-width:455px;color:var(--muted);margin:27px 0 0;font-size:16px;line-height:1.6}.workspace{border-top:1px solid var(--ink)}.toolbar{justify-content:space-between;align-items:center;gap:24px;padding:17px 0;display:flex}.mode-switch{border:1px solid var(--line);background:#ffffff73;border-radius:9px;gap:4px;padding:4px;display:flex}.mode-button{color:var(--muted);font:700 11px var(--mono);letter-spacing:.08em;background:0 0;border:0;border-radius:5px;padding:9px 18px}.mode-button.is-active{color:var(--ink);background:var(--lime)}.toolbar-actions{align-items:center;gap:21px;display:flex}.quiet-button,.text-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:12px}.quiet-button:hover,.text-button:hover{color:var(--ink)}.primary-button{border:1px solid var(--ink);color:var(--ink);background:var(--lime);border-radius:6px;align-items:center;gap:20px;padding:12px 14px 12px 17px;font-size:12px;font-weight:700;display:flex}.primary-button:hover{background:var(--lime-deep)}kbd{font:10px var(--mono);border:1px solid #18221f40;border-radius:3px;padding:3px 5px}.editor-grid{grid-template-columns:1fr 34px 1fr;align-items:center;gap:18px;display:grid}.editor-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;box-shadow:0 8px 30px #2e3e310a}.panel-heading,.panel-footer{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.panel-heading{border-bottom:1px solid var(--line)}.panel-heading>div{align-items:center;gap:12px;display:flex}.panel-index{color:#9eaa9d;font:11px var(--mono)}h2{margin:0;font-size:13px;font-weight:700}.language-chip{color:#82963d;font:10px var(--mono);letter-spacing:.1em}.result-chip{color:var(--muted)}.textarea-wrap{min-height:365px;position:relative}textarea{resize:vertical;width:100%;height:365px;color:var(--ink);font:13px/1.7 var(--mono);tab-size:2;background:0 0;border:0;outline:0;padding:22px;display:block}textarea::placeholder{color:#aeb8ad}.drop-hint,.output-empty{color:#abb4a9;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:0}.drop-hint.is-hidden,.output-empty.is-hidden{display:none}.drop-icon,.spark{color:#82963d;width:35px;height:35px;font:18px var(--mono);border:1px dashed #aebbad;border-radius:50%;place-items:center;display:grid}.spark{color:var(--lime-deep);border:0;font-size:26px}.panel-footer{border-top:1px solid var(--line);color:#a0aaa0;font:10px var(--mono)}.text-button{font-family:var(--sans)}.text-button span{color:#82963d;margin-left:5px}.transfer-mark{color:#89968a;background:#e5eade;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.stats-bar{border-bottom:1px solid var(--line);align-items:center;gap:54px;min-height:92px;display:flex}.stat{flex-direction:column;gap:7px;display:flex}.stat-label{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.stat strong{letter-spacing:-.04em;font-size:22px}.stat-action{margin-left:auto}.download-button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:5px;padding:11px 15px;font-size:12px;font-weight:650}.download-button:not(:disabled):hover{border-color:var(--ink);background:#fff}.download-button span{color:#82963d;margin-right:7px;font-size:17px}button:disabled{cursor:not-allowed;opacity:.42}.site-footer{color:#9ca69c;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:25px 0 36px;display:flex}.site-footer i{background:var(--lime-deep);border-radius:50%;width:4px;height:4px;margin:0 9px 2px;display:inline-block}@media (width<=760px){.app-shell{width:min(100% - 32px,600px)}.topbar{padding:20px 0}.topbar-note{font-size:9px}.hero{padding:62px 0 40px}.toolbar{flex-direction:column;align-items:flex-start}.toolbar-actions{justify-content:space-between;width:100%}.primary-button{flex:1;justify-content:space-between}.editor-grid{grid-template-columns:1fr;gap:10px}.transfer-mark{margin:-3px auto;transform:rotate(90deg)}.stats-bar{flex-wrap:wrap;gap:24px;padding:22px 0}.stat-action{margin-left:auto}.site-footer{flex-direction:column;gap:14px}}