:root{color:#fafafa;font-synthesis:none;text-rendering:optimizelegibility;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{color:#fafafa;background:#09090b;min-width:320px;margin:0}button,a,textarea,input{font:inherit}button{border:0}a{color:inherit}.app{min-height:100vh}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#09090bf0;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.logo-icon{color:#09090b;background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.nav-pro-actions{align-items:center;gap:8px;display:flex}.pro-button,.nav-activate-button,.nav-license-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:34px;font-size:12px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.pro-button{color:#fff;background:#18181b;border:1px solid #3f3f46;padding:0 13px}.pro-button:hover{background:#27272a;border-color:#71717a;transform:translateY(-1px)}.nav-activate-button{color:#a1a1aa;background:0 0;padding:0 12px}.nav-activate-button:hover{color:#fff;background:#18181b}.nav-pro-status{color:#d4d4d8;background:#18181b;border:1px solid #3f3f46;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.nav-pro-status svg{color:#fff}.nav-license-button{color:#71717a;background:0 0;border:1px solid #0000;padding:0 10px}.nav-license-button:hover{color:#d4d4d8;background:#18181b;border-color:#3f3f46}.layout{grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.sidebar{background:#09090b;border-right:1px solid #27272a;padding:24px 16px}.sidebar-title{color:#71717a;text-transform:uppercase;letter-spacing:.1em;padding:0 10px 12px;font-size:11px;font-weight:700}.tool-button{color:#a1a1aa;text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:10px;transition:background .15s,color .15s;display:flex}.tool-button:hover,.tool-button.active{color:#fff;background:#18181b}.content{width:100%;max-width:1150px;margin:0 auto;padding:64px 48px 100px}.hero{margin-bottom:52px;position:relative}.hero-badge{color:#a1a1aa;background:#18181b;border:1px solid #27272a;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:13px;display:inline-flex}.hero h2{letter-spacing:-.055em;margin:18px 0 12px;font-size:clamp(38px,6vw,64px);line-height:.98}.hero p{color:#a1a1aa;max-width:650px;margin:0;font-size:18px;line-height:1.6}.tool-page{margin-top:24px}.tool-header{margin-bottom:28px}.tool-badge{color:#a1a1aa;align-items:center;gap:7px;font-size:13px;display:inline-flex}.tool-header h1{letter-spacing:-.035em;margin:10px 0 6px;font-size:34px;line-height:1.1}.tool-header p{color:#71717a;margin:0;line-height:1.5}.pro-badge{color:#e4e4e7;letter-spacing:.08em;background:#18181b;border:1px solid #3f3f46;border-radius:6px;align-items:center;gap:5px;padding:4px 7px;font-size:10px;font-weight:800;display:inline-flex}.pro-badge svg{color:#fff}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.editor-card{background:#0f0f11;border:1px solid #27272a;border-radius:12px;min-width:0;overflow:hidden}.editor-header{color:#a1a1aa;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:8px 14px;font-size:13px;display:flex}.editor-actions{align-items:center;gap:12px;display:flex}.editor-header button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;display:flex}.editor-header button:hover{color:#fff}textarea,pre{color:#e4e4e7;resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:360px;margin:0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;display:block}textarea{overflow:auto}textarea::placeholder{color:#52525b}pre{white-space:pre-wrap;overflow:auto}.pro-card{background:radial-gradient(circle at 100% 0,#ffffff0e,#0000 42%),#111113;border:1px solid #3f3f46;border-radius:14px;gap:20px;margin-top:24px;padding:26px;display:flex;position:relative;overflow:hidden}.pro-card:before{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0a}.pro-card-icon{color:#09090b;background:#fff;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.pro-card-content{min-width:0}.pro-label{color:#a1a1aa;letter-spacing:.12em;font-size:11px;font-weight:800}.pro-card h2{letter-spacing:-.025em;margin:7px 0;font-size:22px;line-height:1.2}.pro-card p{color:#a1a1aa;max-width:650px;margin:0;font-size:14px;line-height:1.6}.pro-features{flex-wrap:wrap;gap:8px 18px;margin-top:17px;display:flex}.pro-features span{color:#d4d4d8;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pro-features svg{color:#fff;flex:none}.pro-actions{align-items:center;gap:10px;margin-top:21px;display:flex}.pro-cta{color:#09090b;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.pro-cta:hover{background:#e4e4e7;transform:translateY(-1px)}.pro-activate{color:#a1a1aa;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.pro-activate:hover{color:#fff;background:#27272a;border-color:#52525b}.pro-active{color:#d4d4d8;background:#18181b;border:1px solid #3f3f46;border-radius:8px;align-items:center;gap:7px;min-height:38px;margin-top:21px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.pro-active svg{color:#fff}.license-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.license-modal{background:radial-gradient(circle at 100% 0,#ffffff0e,#0000 45%),#111113;border:1px solid #3f3f46;border-radius:16px;width:100%;max-width:430px;padding:30px;position:relative;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff05}.license-close{color:#71717a;cursor:pointer;background:0 0;border-radius:7px;place-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:grid;position:absolute;top:18px;right:18px}.license-close:hover{color:#fff;background:#27272a}.license-icon{color:#09090b;background:#fff;border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid}.license-modal-label{color:#71717a;letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:800}.license-modal h2{color:#fff;letter-spacing:-.03em;margin:0 0 8px;font-size:22px;line-height:1.2}.license-modal>p{color:#71717a;margin:0 0 22px;font-size:13px;line-height:1.55}.license-modal form{flex-direction:column;display:flex}.license-modal label{color:#d4d4d8;margin-bottom:8px;font-size:12px;font-weight:650}.license-modal input{color:#fff;background:#09090b;border:1px solid #3f3f46;border-radius:8px;outline:none;width:100%;height:44px;padding:0 13px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;transition:border-color .15s,box-shadow .15s}.license-modal input::placeholder{color:#52525b}.license-modal input:hover{border-color:#52525b}.license-modal input:focus{border-color:#71717a;box-shadow:0 0 0 3px #ffffff0b}.license-error{color:#a1a1aa;background:#18181b;border:1px solid #3f3f46;border-radius:7px;margin-top:9px;padding:9px 10px;font-size:12px;line-height:1.4}.license-submit{color:#09090b;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:42px;margin-top:14px;font-size:13px;font-weight:750;transition:background .15s,transform .15s,opacity .15s;display:inline-flex}.license-submit:hover:not(:disabled){background:#e4e4e7;transform:translateY(-1px)}.license-submit:disabled{opacity:.5;cursor:not-allowed}.license-purchase{color:#52525b;text-align:center;justify-content:center;align-items:center;gap:5px;margin-top:18px;font-size:11px;line-height:1.5;display:flex}.license-purchase a{color:#a1a1aa;text-underline-offset:2px;text-decoration:underline}.license-purchase a:hover{color:#fff}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.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}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}#docs{border-right: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}#spacer{border-top:1px solid var(--border);height:88px}.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}@media (width<=800px){.nav{padding:0 16px}.layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #27272a;border-right:0;gap:4px;padding:12px;display:flex;overflow-x:auto}.sidebar-title{display:none}.tool-button{white-space:nowrap;flex:none;width:auto}.content{padding:36px 20px 70px}.hero{margin-bottom:36px}.hero h2{font-size:44px}.hero p{font-size:16px}.editor-grid{grid-template-columns:1fr}.tool-header h1{font-size:30px}.pro-card{flex-direction:column;padding:22px}.pro-card-icon{width:38px;height:38px}.pro-card h2{font-size:20px}.pro-features{flex-direction:column;gap:9px}.pro-actions{flex-direction:column;align-items:stretch}.pro-cta,.pro-activate{width:100%}.nav-pro-actions{gap:4px}.nav-pro-status{padding:0 8px}.nav-license-button{padding:0 7px}.nav-activate-button{padding:0 8px}.pro-button{padding:0 9px}.license-overlay{align-items:flex-end;padding:12px}.license-modal{border-radius:14px;max-width:none;padding:24px}}@media (width<=480px){.nav{height:60px}.logo{font-size:14px}.logo-icon{width:30px;height:30px}.content{padding-left:16px;padding-right:16px}.hero h2{font-size:38px}.nav-pro-status{display:none}.nav-license-button,.pro-button{font-size:11px}.license-modal{padding:22px 18px}.license-modal h2{font-size:20px}.license-purchase{flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}