@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#16211d;--muted:#68756e;--paper:#f5f7f2;--surface:#fff;--line:#dfe6df;--accent:#b8ed4f;--accent-dark:#315d28;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Manrope,Avenir Next,Avenir,sans-serif}#root{min-height:100svh}body{margin:0}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 75% 5%, #e7f4d9 0, transparent 25rem), var(--paper);min-height:100svh}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px 32px;display:flex}.brand-lockup{letter-spacing:-.5px;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.brand-copy{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.brand-copy small{color:#739a57;letter-spacing:.7px;font:500 8px/1.2 DM Mono,monospace}.brand-accent{color:#5e9d35}.header-status,.workspace-footer{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.privacy-badge{color:#477d32;background:#e8f5ddcc;border:1px solid #cde5c2;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;line-height:1;display:flex}.privacy-badge svg{flex:none}.privacy-badge strong{font-weight:800}.privacy-detail{color:#6c8e5d}.main-content{max-width:1030px;margin:0 auto;padding:42px 32px 36px}.intro-block{max-width:100%;margin-bottom:26px}.eyebrow{color:#62963c;letter-spacing:1.2px;margin:0 0 18px;font:500 11px/1.2 DM Mono,monospace}.intro-block h1{letter-spacing:-2px;margin:0 0 16px;font-size:clamp(32px,3.8vw,44px);font-weight:800;line-height:.98}.intro-block h1 em{color:#739a57;font-style:normal}.intro-subtitle{max-width:620px;color:var(--ink);letter-spacing:-.25px;margin:0;font-size:15px;line-height:1.4}.intro-copy{color:var(--muted);max-width:560px;font-size:15px;line-height:1.65}.supporting-copy{text-align:center;margin:22px auto 0;font-size:12px;line-height:1.5}.mode-switcher{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.mode-tab{border:1px solid var(--line);color:var(--muted);text-align:left;background:#fff9;border-radius:12px;align-items:center;gap:13px;padding:10px 18px;transition:all .2s;display:flex}.mode-tab:hover{border-color:#a9c69b;transform:translateY(-1px)}.mode-tab.is-active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 8px 18px #16211d1f}.mode-tab svg{opacity:.45;margin-left:auto}.mode-tab.is-active svg{color:var(--accent);opacity:1}.tab-number{color:#80a16c;font:500 11px DM Mono,monospace}.mode-tab strong,.mode-tab small{display:block}.mode-tab strong{font-size:14px}.mode-tab small{opacity:.65;margin-top:3px;font-size:12px}.workspace-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #33483614}.workspace-footer{justify-content:center;gap:24px;padding:18px 0}.workspace-footer span{align-items:center;gap:6px;display:flex}.workspace-footer svg{color:#6ca14a}@media (width<=650px){.site-header{padding:18px 20px}.privacy-detail{display:none}.main-content{padding:30px 16px 28px}.intro-block{margin-bottom:22px}.eyebrow{margin-bottom:13px}.intro-block h1{letter-spacing:-1.4px;font-size:clamp(28px,8vw,36px)}.intro-subtitle{font-size:14px}.mode-switcher{grid-template-columns:1fr}.workspace-footer{flex-direction:column;gap:8px}}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.bg-emerald-900\/40{background:#e8f5dd}.border-emerald-800{border-color:#c7e5b8}.text-emerald-400,.privacy-banner{color:#477d32}.tool-panel{grid-template-columns:1fr 1fr;gap:0;display:grid}.editor-column{min-width:0;padding:28px}.output-column{border-left:1px solid var(--line);background:#fbfcfa}.panel-heading{justify-content:space-between;align-items:flex-start;min-height:43px;margin-bottom:14px;display:flex}.step-label{color:#76a05d;letter-spacing:1px;margin-bottom:6px;font:500 10px DM Mono,monospace;display:block}.panel-heading h2,.restore-intro h2{color:var(--ink);letter-spacing:-.5px;margin:0;font-size:19px}.field-hint,.result-count{color:var(--muted);font:11px DM Mono,monospace}.result-count span{color:#4c8c37;font-weight:500}.editor-input{box-sizing:border-box;resize:vertical;width:100%;min-height:190px;color:var(--ink);font:12px/1.65 var(--mono);background:#f8faf7;border:1px solid #d8e2d7;border-radius:10px;outline:none;padding:15px;transition:border-color .2s,box-shadow .2s}.editor-input::placeholder{color:#9eaba1}.editor-input:focus{border-color:#8ec56d;box-shadow:0 0 0 3px #e8f5df}.output-input{color:#416936;background:#f0f7eb;border-color:#c9e3bb}.custom-terms-label{color:var(--ink);margin-top:17px;font-size:12px;font-weight:700;display:block}.custom-terms-label span{color:var(--muted);font-weight:400}.terms-input{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:1px solid #d8e2d7;border-radius:8px;outline:none;margin-top:8px;padding:11px 12px;font-size:12px;display:block}.terms-input:focus{border-color:#8ec56d;box-shadow:0 0 0 3px #e8f5df}.action-row{gap:9px;margin-top:14px;display:flex}.primary-action,.secondary-action,.restore-action{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-action{border:1px solid var(--ink);color:#fff;background:var(--ink);flex:1}.primary-action:hover,.restore-action:hover{background:#2f493b;transform:translateY(-1px)}.secondary-action{border:1px solid var(--line);color:var(--ink);background:#fff;flex:none;padding:0 14px}.secondary-action:hover{background:#f5faef;border-color:#9bb990}.mapping-note{color:var(--muted);align-items:center;gap:6px;margin:13px 0 0;font-size:11px;display:flex}.restore-panel{padding:30px}.restore-intro{max-width:480px;margin-bottom:25px}.restore-intro h2{margin-bottom:8px;font-size:24px}.restore-intro p{color:var(--muted);font-size:13px;line-height:1.55}.restore-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.restore-field label,.restored-result label{color:var(--ink);align-items:center;gap:7px;margin-bottom:9px;font-size:12px;font-weight:700;display:flex}.restore-field label svg{color:#70a457}.restore-input{min-height:210px}.restore-action{border:1px solid var(--ink);color:#fff;background:var(--ink);width:100%;margin-top:16px}.restored-result{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.restore-output{background:#f0f7eb;border-color:#c9e3bb;min-height:160px}@media (width<=720px){.tool-panel,.restore-grid{grid-template-columns:1fr}.output-column{border-left:0;border-top:1px solid var(--line)}.editor-column,.restore-panel{padding:20px}.editor-input{min-height:200px}.restore-intro h2{font-size:21px}}