:root{font-family:'Manrope',Inter,Segoe UI,sans-serif;color:#eff2f4;background:#101312;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#101312;--panel:#171b19;--panel-2:#1c211e;--line:#2b322e;--muted:#8b9590;--dim:#626c66;--acid:#c8f169;--acid-dark:#a6d33f;--white:#eff2f4}body{overflow-x:hidden}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 10%,rgba(122,154,88,.12),transparent 36%),var(--bg)}.auth-gate[hidden]{display:none}.auth-card{width:min(420px,100%);padding:34px;border:1px solid #2b322e;border-radius:14px;background:linear-gradient(145deg,#191e1b,#151916);box-shadow:0 22px 70px #0005}.auth-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--acid);color:#182014;font-weight:800;font-size:21px;margin-bottom:35px}.auth-logo span{color:#314227}.auth-card h1{font-size:30px;letter-spacing:-1.6px;margin:17px 0 10px}.auth-card p{font-size:12px;color:#89948c;line-height:1.6;margin:0 0 25px}.auth-card label{display:block;color:#dce1dd;font-size:11px;font-weight:700;margin:14px 0 8px}.auth-card input{width:100%;height:43px;border:1px solid #343c37;border-radius:7px;background:#121613;color:var(--white);padding:0 13px;font-size:12px;outline:none}.auth-card input:focus{border-color:#8da64c;box-shadow:0 0 0 3px #c8f16910}.logout-button{border:1px solid #343c37;border-radius:5px;background:transparent;color:#9ba69e;padding:6px 9px;font-size:10px}.logout-button:hover{border-color:#707b70;color:#d9e3d7}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 8%,rgba(122,154,88,.09),transparent 30%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:76px 1fr}.rail{border-right:1px solid #222724;display:flex;align-items:center;flex-direction:column;padding:24px 0;position:relative}.rail-logo{font-size:24px;font-weight:800;color:var(--acid);letter-spacing:-2px}.rail-logo span{color:var(--white)}.rail-line{height:52px;width:1px;background:#313832;margin:28px 0}.rail-dot{width:8px;height:8px;background:#39413a;border-radius:50%;margin:0 0 22px}.rail-dot.active{background:var(--acid);box-shadow:0 0 12px #c8f16970}.rail-bottom{position:absolute;bottom:26px;color:#555e58;font:9px/1.6 'DM Mono',monospace;letter-spacing:1px;text-align:center}.workspace{min-width:0}.topbar{height:72px;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid #222724;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e8ebe9;font-weight:800;letter-spacing:-.3px}.wordmark-mark{width:27px;height:27px;background:var(--acid);color:#182014;display:grid;place-items:center;border-radius:8px;font-size:15px}.wordmark-muted{color:#77817a;font-weight:500}.topbar-right{display:flex;align-items:center;gap:16px}.local-pill{font:10px 'DM Mono',monospace;color:#9ca79f;border:1px solid #303831;padding:7px 10px;border-radius:30px;letter-spacing:.2px}.local-pill i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:6px;box-shadow:0 0 7px #c8f1698a}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#262e28;color:var(--acid);font-size:11px;font-weight:800}.content{max-width:1100px;margin:0 auto;padding:55px clamp(22px,5vw,70px) 25px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:1.8px;color:#a1ad9f;display:flex;align-items:center;gap:10px}.eyebrow-line{width:22px;height:1px;background:var(--acid)}.heading-row{display:flex;align-items:end;justify-content:space-between;margin:16px 0 36px}h1{font-size:clamp(34px,5vw,48px);line-height:1.05;letter-spacing:-2.8px;margin:0;font-weight:700}.heading-period{color:var(--acid)}.subtitle{margin:12px 0 0;color:#909a93;font-size:13px}.step-badge{font:11px 'DM Mono',monospace;color:#657069;padding:7px 10px;border:1px solid #303832;border-radius:6px;margin-bottom:3px}.step-badge span:first-child{color:var(--acid)}.step-divider{color:#48514b;padding:0 5px}.builder-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr);gap:20px;align-items:start}.form-card,.preview-card,.build-card{border:1px solid #2b322e;border-radius:13px;background:linear-gradient(145deg,#191e1b,#151916);box-shadow:0 18px 45px #0000001a}.form-card{padding:27px 29px 22px}.card-heading{display:flex;gap:13px;align-items:center;padding-bottom:24px;border-bottom:1px solid #29302b;margin-bottom:22px}.card-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#283323;color:var(--acid);font-size:20px}.card-heading h2{font-size:15px;margin:0;font-weight:700}.card-heading p{font-size:11px;color:#7d8881;margin:5px 0 0}.field{margin-bottom:19px}.field label{display:block;color:#dce1dd;font-size:11px;font-weight:700;margin:0 0 8px;letter-spacing:.15px}.input-wrap,.select-wrap{position:relative}.input-wrap input,.select-wrap select{width:100%;height:43px;border:1px solid #343c37;border-radius:7px;background:#121613;color:var(--white);padding:0 13px;font-size:12px;outline:none;transition:border-color .18s,box-shadow .18s}.input-wrap input:focus,.select-wrap select:focus{border-color:#8da64c;box-shadow:0 0 0 3px #c8f16910}.input-wrap input::placeholder{color:#59625d}.field-count{position:absolute;right:11px;top:15px;color:#69736d;font:9px 'DM Mono',monospace}.field small,.token-details small{display:block;color:#77817a;font-size:10px;margin:7px 0 0;line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.prefix-wrap input{padding-left:28px}.input-prefix{position:absolute;z-index:1;left:13px;top:13px;color:#8d998f;font-size:12px}.select-wrap select{appearance:none;padding-right:34px}.select-chevron{position:absolute;right:13px;top:9px;color:#a5b098;font-size:20px;pointer-events:none}.token-details{margin:4px 0 18px;padding:12px 13px;border:1px solid #2e3631;border-radius:8px;background:#141815}.token-details summary{list-style:none;cursor:pointer;color:#cbd2cc;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.token-details summary::-webkit-details-marker{display:none}.key-icon{color:var(--acid);font-size:17px}.required-mark{margin-left:auto;color:#89938c;font:9px 'DM Mono',monospace;letter-spacing:.4px}.token-field{position:relative;margin-top:13px}.token-field input{width:100%;height:40px;border:1px solid #343c37;border-radius:6px;background:#101411;color:#edf1ee;padding:0 42px 0 11px;outline:none;font:11px 'DM Mono',monospace}.token-field input:focus{border-color:#8da64c}.token-field input::placeholder{color:#555e58;font-family:'Manrope',sans-serif;font-size:11px}.eye-button{position:absolute;right:5px;top:5px;width:31px;height:30px;border:0;border-radius:5px;background:transparent;color:#829088}.eye-button:hover{color:var(--acid);background:#202720}.create-button{height:47px;width:100%;border:0;border-radius:7px;background:var(--acid);color:#182014;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s,transform .2s,opacity .2s}.create-button:hover{background:#d6ff7d;transform:translateY(-1px)}.create-button:disabled{cursor:wait;opacity:.7;transform:none}.button-arrow{position:absolute;right:15px;font-size:18px}.secure-note{color:#717c74;display:flex;gap:7px;align-items:center;justify-content:center;font-size:9px;margin-top:13px}.lock-icon{color:var(--acid);font-size:14px}.preview-column{display:flex;flex-direction:column;gap:14px}.preview-card{padding:20px 21px 0}.preview-topline{font:9px 'DM Mono',monospace;color:#838e86;letter-spacing:1.4px;display:flex;justify-content:space-between;align-items:center}.live-dot{width:6px;height:6px;margin:0}.brand-preview{display:flex;align-items:center;gap:12px;margin:25px 0 20px}.brand-symbol{width:41px;height:41px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#35442c,#243020);border:1px solid #4e643b;color:var(--acid);font-weight:800;font-size:20px}.brand-preview-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.preview-label{font:8px 'DM Mono',monospace;color:#78827b;letter-spacing:1.2px}.brand-preview-copy strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-check{margin-left:auto;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:var(--acid);background:#263420;font-size:11px}.preview-divider{height:1px;background:#2a322c}.preview-data{padding:13px 0 8px}.preview-row{display:flex;justify-content:space-between;gap:8px;margin:9px 0;font-size:10px}.preview-row span{color:#78837b}.preview-row strong{color:#cbd2cc;font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-footer{margin:5px -21px 0;padding:12px 21px;border-top:1px solid #2a322c;color:#8e9a91;font-size:9px;display:flex;align-items:center;gap:8px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px #c8f16970}.build-card{padding:17px 19px}.build-heading{display:flex;align-items:center;gap:8px;color:#dde3dd;font-size:11px;font-weight:700;padding-bottom:13px;border-bottom:1px solid #2a322d}.build-icon{color:var(--acid);font-size:17px}.build-item{display:grid;grid-template-columns:25px 1fr 16px;align-items:center;gap:9px;padding:12px 0 0}.build-number{font:9px 'DM Mono',monospace;color:#748071}.build-item div{display:flex;flex-direction:column;gap:3px}.build-item strong{font-size:10px;color:#cfd7d0}.build-item small{font-size:9px;color:#78827b}.build-check{color:var(--acid);font-size:12px;text-align:right}.template-note{font-size:9px;color:#7b867e;line-height:1.5;margin:0;display:flex;gap:8px;align-items:flex-start}.template-note span{width:14px;height:14px;border:1px solid #59664c;border-radius:50%;display:grid;place-items:center;color:var(--acid);font:9px 'DM Mono',monospace;flex:none}.form-error{padding:10px 12px;border:1px solid #70473e;background:#2a1d1a;color:#ffb6a3;border-radius:6px;font-size:10px;line-height:1.45;margin:0 0 14px}.result-card{margin-top:20px;padding:20px 22px;border:1px solid #617b3b;background:linear-gradient(100deg,#202b1b,#182019);border-radius:12px;display:flex;align-items:flex-start;gap:14px}.result-card[hidden]{display:none}.result-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--acid);color:#172014;font-weight:800}.result-main{min-width:0;flex:1}.result-title{font-weight:800;font-size:15px}.result-subtitle{font-size:10px;color:#95a28e;margin-top:4px}.result-ids{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px}.result-ids>div{display:grid;grid-template-columns:auto auto;column-gap:7px;row-gap:4px;align-items:center}.result-ids span{grid-column:1/-1;color:#8e9b88;font-size:9px}.result-ids code{font:9px 'DM Mono',monospace;color:#dfe9d6}.copy-button{border:0;background:transparent;color:#9fac91;padding:2px;font-size:14px}.copy-button:hover{color:var(--acid)}.new-project-button{flex:none;border:1px solid #49573f;background:#263222;color:#cde899;border-radius:6px;padding:9px 11px;font-size:10px;font-weight:700}.new-project-button span{padding-left:5px}.footer{display:flex;justify-content:space-between;border-top:1px solid #242b26;margin-top:34px;padding-top:15px;color:#616c64;font:9px 'DM Mono',monospace}.footer span:last-child{color:#566059}
@media(max-width:850px){.shell{grid-template-columns:54px 1fr}.rail{padding-top:20px}.topbar{height:62px}.content{padding-top:38px}.builder-grid{grid-template-columns:1fr .8fr;gap:13px}.form-card{padding:22px 20px}.preview-card{padding-left:16px;padding-right:16px}.preview-footer{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
@media(max-width:680px){.shell{grid-template-columns:1fr}.rail{display:none}.topbar{padding:0 18px}.topbar-right{gap:9px}.local-pill{font-size:9px}.content{padding:35px 16px 20px}.heading-row{margin-bottom:25px}.builder-grid{grid-template-columns:1fr}.preview-column{grid-row:1}.preview-card{padding:15px 17px 0}.brand-preview{margin:16px 0 14px}.preview-data{padding:8px 0 3px}.preview-row{margin:7px 0}.build-card{display:none}.template-note{margin:0 2px 3px}.form-card{padding:20px 17px}.field-row{gap:9px}.result-card{flex-wrap:wrap}.new-project-button{margin-left:42px}.step-badge{font-size:9px}.footer{font-size:8px}}