@font-face{font-family:Geist;src:url('/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#080808;color:#e6e6e6;font:14px/1.5 Geist,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:0 36px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center}.brand i{width:7px;height:7px;border-radius:50%;background:#fa3e3e}.brand span,.muted,.hint{color:#999}nav{display:flex;gap:28px;font-size:12px}.workspace{display:grid;grid-template-columns:380px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:36px;border-right:1px solid #ffffff20}.eyebrow,legend,.preview-top{font:11px/1.5 monospace;letter-spacing:.5px}.eyebrow{color:#fa3e3e}h1{font-size:44px;line-height:1.03;font-weight:500;letter-spacing:-2px;margin:22px 0}.muted{line-height:1.7}fieldset{border:0;border-top:1px solid #ffffff20;padding:24px 0 4px;margin:30px 0 16px}legend{color:#999;padding:0 8px 0 0}label{display:block;margin:0 0 17px;font-size:12px;color:#aaa}input,select,textarea,button{font:inherit}input,select,textarea{display:block;width:100%;margin-top:8px;background:#141414;border:1px solid #ffffff28;border-radius:5px;padding:12px;color:#eee;min-width:0}textarea{font:12px/1.6 monospace;resize:vertical}button{border:1px solid #ffffff30;background:#161616;color:white;border-radius:5px;padding:12px 18px;cursor:pointer}button:hover{background:#292929}.primary{background:#fa3e3e;width:100%;border-color:#fa3e3e}.primary:hover{background:#d92b2b}button:disabled{opacity:.5;cursor:wait}.check{display:flex;align-items:center;gap:10px}.check input{width:16px;height:16px;margin:0;accent-color:#fa3e3e}.hint{font-size:11px;line-height:1.7}.axes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview{padding:28px 36px;background:radial-gradient(ellipse at 50% 36%,#222026 0%,#0b0b0c 62%);min-width:0}.preview-top{display:flex;justify-content:space-between;color:#777}.preview iframe{width:100%;height:760px;border:0}#empty{height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777;text-align:center}.outline-phone{width:205px;height:430px;border:1px solid #ffffff24;border-radius:40px;display:grid;place-items:center;font-size:100px;color:#ffffff10;font-weight:500;letter-spacing:-10px}#result{border-top:1px solid #ffffff20;padding:24px 0;max-width:650px;margin:auto}#result label{margin-top:20px}#status{font-size:12px;overflow-wrap:anywhere}.result-page{max-width:1000px;margin:30px auto;padding:24px}.result-page iframe{width:100%;height:700px;border:0}.result-page textarea{width:100%}:focus-visible{outline:2px solid #fa3e3e;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){header{padding:0 20px}nav{gap:14px}.workspace{grid-template-columns:1fr}aside{padding:28px;border-right:0;border-bottom:1px solid #ffffff20}.preview{padding:25px 10px}.preview-top{padding:0 18px;font-size:9px}.preview iframe{height:650px}#empty{height:500px}.outline-phone{height:320px;width:160px}h1{font-size:44px}#result{padding:24px 18px}}

.export-tools{border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px}.export-tools h2{font-size:18px;font-weight:500}.export-tools select{max-width:260px}#downloads{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px}#export-status{font-size:12px;color:#aaa}