:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf1f7;background:#0b0d10;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,#161b23 0,#0b0d10 34rem)}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #20252e;background:#0b0d10d1;backdrop-filter:blur(16px);position:sticky;top:0;z-index:4}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid #303743;border-radius:9px;background:#151920}.brand-title{font-weight:700;letter-spacing:-.02em}.brand-subtitle{font-size:12px;color:#8e98a9;margin-top:2px}.privacy-badge{font-size:12px;color:#9ca8ba;display:inline-flex;align-items:center;gap:7px}.main-content{width:min(1400px,92vw);margin:0 auto;padding:56px 0 28px}.hero{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}.eyebrow{color:#8791a1;font-size:11px;font-weight:700;letter-spacing:.16em}h1{font-size:clamp(32px,4vw,58px);line-height:.98;letter-spacing:-.045em;margin:10px 0 14px;max-width:780px}.hero p{color:#939dad;max-width:740px;line-height:1.6;margin:0}.hero-card{min-width:208px;padding:15px;border:1px solid #242a34;border-radius:14px;background:#14171dbf}.hero-card-title{font-size:12px;color:#8f99aa;margin-bottom:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#0e1116;border-radius:9px;padding:3px}.segmented button{color:#8993a4;background:transparent;border:0;border-radius:7px;padding:9px 11px}.segmented button.active{background:#e9edf4;color:#11151b;font-weight:700}.panel{border:1px solid #222832;background:#12151bc7;border-radius:14px;box-shadow:0 16px 42px #00000024}.toolbar{display:flex;gap:8px;align-items:center;padding:10px;margin-bottom:16px}.toolbar button,.icon-button{border:1px solid #303743;color:#cbd2dd;background:#171b22;border-radius:8px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px}.toolbar .primary{color:#0e1013;background:#edf1f7;border-color:#edf1f7;font-weight:700}.toolbar .secondary{background:#20252e}.toolbar .ghost{background:transparent}.toolbar-spacer{flex:1}.status-text{color:#7f8a9b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-panel{overflow:hidden;min-height:580px;display:flex;flex-direction:column}.editor-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 16px;border-bottom:1px solid #222832;color:#a8b1c0;font-size:13px}.editor-header>div:first-child{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#778294;display:inline-block}.output-dot{background:#a9b4c5}.language-pill{color:#8993a3;border:1px solid #2c323c;border-radius:999px;padding:4px 8px;font-size:11px}.output-actions{display:flex;align-items:center;gap:8px}.line-count{color:#697486;font-size:11px}.icon-button{padding:7px 8px}.editor-panel textarea{flex:1;width:100%;min-height:0;resize:none;border:0;outline:0;background:#0d1014;color:#e1e6ee;padding:18px;font:13px/1.68 SFMono-Regular,Consolas,Liberation Mono,monospace;tab-size:4}.editor-panel textarea::placeholder{color:#4d5868}.feature-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature{padding:16px;display:flex;flex-direction:column;gap:7px}.feature strong{font-size:13px}.feature span{font-size:12px;color:#7f8999;line-height:1.55}.notice{margin-top:16px;padding:15px 17px;display:flex;gap:12px;align-items:flex-start;color:#919bac}.notice div{display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.5}.notice strong{color:#bdc6d3;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;color:#657083;font-size:11px;padding:20px 2px 0}footer span:last-child{display:flex;gap:6px;align-items:center}@media(max-width:920px){.hero{align-items:stretch;flex-direction:column}.hero-card{min-width:0}.workspace{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.editor-panel{min-height:420px}}@media(max-width:620px){.topbar{padding:0 5vw}.privacy-badge{display:none}.main-content{width:90vw;padding-top:38px}.toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.status-text{width:100%}.feature-grid{grid-template-columns:1fr}.editor-panel{min-height:380px}footer{gap:10px;flex-direction:column;align-items:flex-start}}