@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0a0e13;--panel:#10161e;--border:#26303a;--muted:#8e9aa8;--ink:#edf3f5;--mint:#b9f6cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}body:before{content:'';position:absolute;inset:0 0 auto;height:680px;pointer-events:none;background:radial-gradient(ellipse at 80% 30%,#29463944,transparent 55%)}header,main{max-width:1440px;margin:auto}header{height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 48px;border-bottom:1px solid #ffffff0e;position:relative}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font:34px Manrope,sans-serif}.brand>span{color:var(--mint);margin-left:-12px}.brand b{font-size:21px;letter-spacing:-1px}.brand small{font-size:10px;color:var(--muted);border-left:1px solid var(--border);padding-left:14px;letter-spacing:.4px}.pill{display:inline-block;border:1px solid var(--border);border-radius:30px;padding:8px 12px;font-size:10px;letter-spacing:.5px;color:#bed1c9}main{padding:0 48px}.hero{position:relative;min-height:440px;padding:65px 0 45px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint)}h1{font:500 clamp(38px,4.3vw,65px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:22px 0}h1 span{color:var(--mint)}.hero p{font-size:15px;color:var(--muted);line-height:1.8}.features{display:flex;gap:23px;font-size:11px;margin-top:27px;color:#b8c2ca}.orbit{position:absolute;right:4%;top:70px;width:390px;height:300px;border:1px solid #b9f6cf14;border-radius:50%;transform:rotate(-12deg)}.paper{position:absolute;width:170px;height:230px;border-radius:8px;padding:22px;background:#e6ebe4;color:#1e3930;font:42px Manrope;box-shadow:0 25px 70px #0006}.paper span{display:block;font:7px sans-serif;letter-spacing:1.3px;margin:8px 0 20px}.paper i{display:block;height:3px;margin:8px 0;background:#81948755}.paper i:nth-child(4){width:75%}.paper em{display:block;height:38px;margin-top:14px;background:linear-gradient(120deg,#376b57,#bdd2ac);border-radius:2px}.back{left:35px;top:10px;transform:rotate(-8deg);opacity:.55}.front{left:165px;top:48px;transform:rotate(20deg)}.paper b{position:absolute;right:-18px;top:-18px;background:var(--mint);padding:8px 14px;border-radius:50%;font-size:26px}.studio{border-top:1px solid var(--border);padding-top:30px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h2{font:500 21px Manrope;letter-spacing:-.6px}h3{font-size:13px;font-weight:500;margin:0 0 22px}.workflow{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.panel,.workspace{border:1px solid var(--border);border-radius:15px;background:var(--panel)}.panel{padding:23px;margin-bottom:16px}.number{font:10px monospace;color:var(--mint);margin-right:10px}.workspace{padding:25px;min-width:0}label:not(.drop){display:block;font-size:11px;margin:18px 0 9px;color:#c5cdd5}input,select,button{font:inherit}input[type=password],input[type=text],select{width:100%;border:1px solid #323e48;background:#0b1118;padding:12px;color:var(--ink);border-radius:7px;font-size:12px}select{cursor:pointer}.key-row{display:flex;gap:5px}.key-row input{min-width:0}.hint{font-size:10px;line-height:1.7;color:var(--muted)}.text-link{font-size:10px;color:var(--mint)}button{cursor:pointer;border-radius:7px;border:1px solid var(--border);padding:12px 14px;color:var(--ink);transition:background .2s,transform .2s}button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}.secondary,.icon{background:#19232b}.primary{background:var(--mint);color:#10271b;font-weight:700;white-space:nowrap}.panel>.secondary{width:100%;margin-top:20px;font-size:11px}.icon{padding:8px 11px}details{margin-top:17px;color:var(--muted);font-size:10px}summary{cursor:pointer}#diagnostics{max-height:190px;overflow:auto;line-height:1.7;margin-top:12px;overflow-wrap:anywhere}#diagnostics p{border-left:2px solid #657282;padding-left:8px}#diagnostics p.ok{border-color:var(--mint);color:var(--mint)}.check{line-height:1.7}.check input{accent-color:var(--mint);vertical-align:middle}.drop{display:flex;min-height:218px;border:1px dashed #4b605a;border-radius:10px;background:radial-gradient(ellipse at top,#b9f6cf09,transparent);align-items:center;justify-content:center;flex-direction:column;cursor:pointer;text-align:center;padding:20px;position:relative}.drop:hover,.drop.drag{border-color:var(--mint);background:#b9f6cf0a}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop:focus-within{outline:2px solid var(--mint)}.upload-icon{font-size:25px;border:1px solid #5e766655;border-radius:12px;padding:8px 18px;color:var(--mint);margin-bottom:15px}.drop h3{margin:0;font-size:17px;overflow-wrap:anywhere;max-width:100%}.drop p{font-size:12px;color:var(--muted)}.drop u{color:var(--mint)}.drop small{font-size:10px;color:var(--muted)}.action-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 0 10px}.action-row .eyebrow{font-size:8px}.action-row p{font-size:12px;color:#a8b6c1;line-height:1.6}progress{width:100%;height:3px;accent-color:var(--mint);display:block}.notice{font-size:10px;color:var(--muted);line-height:1.7;padding:16px 0;border-bottom:1px solid var(--border)}.preview-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 0 15px}.preview-bar h3{margin:0}.preview-bar>div{display:flex;gap:14px;align-items:center;font-size:10px}.previews{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0;min-width:0}figcaption{font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;margin-bottom:12px}.dot{width:5px;height:5px;background:#8a98a3;border-radius:50%}.green{background:var(--mint)}figcaption a{margin-left:auto;color:var(--mint);letter-spacing:0;font-size:10px;text-decoration:underline}.canvas-wrap{background:#090f15;border:1px solid #ffffff08;border-radius:5px;min-height:265px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}.canvas-wrap p{font-size:10px;text-align:center;color:#566576;line-height:1.8}canvas{width:100%;height:auto;display:none}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0;color:var(--muted);font-size:10px}footer p{max-width:450px;line-height:1.7}footer a{white-space:nowrap}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:470px}}@media(max-width:1000px){.orbit{right:-60px;opacity:.6}.workflow{grid-template-columns:260px minmax(0,1fr)}main{padding:0 25px}.workspace{padding:17px}.action-row{flex-wrap:wrap}.previews{gap:8px}.brand small{display:none}}@media(max-width:740px){header{padding:0 22px;height:76px}header .pill{font-size:8px}.hero{padding-top:42px;min-height:380px}.hero h1{letter-spacing:-2px}.orbit{right:-155px;top:105px;opacity:.2;pointer-events:none}.hero p,.features{position:relative}.features{gap:12px;font-size:9px}.workflow{grid-template-columns:1fr}.workflow aside{display:grid;grid-template-columns:1fr;gap:0}.section-title{gap:10px}h2{font-size:17px}.section-title .pill{font-size:8px}.canvas-wrap{min-height:190px}.previews{grid-template-columns:1fr}footer{flex-wrap:wrap}.hero .eyebrow{font-size:8px}h1{font-size:43px}main{padding:0 18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.sample{margin-top:12px;font-size:10px;color:var(--mint);background:transparent}
.billing-link{display:block;margin-top:12px;line-height:1.6}
#activity{position:sticky;top:14px;z-index:5;margin:15px 0;padding:19px;border:1px solid #b9f6cf55;border-radius:11px;background:#14221e;box-shadow:0 12px 30px #0004;overflow-wrap:anywhere}.activity-head{display:flex;align-items:center;gap:13px}.activity-head>div{flex:1;min-width:0}.activity-head strong{font-size:14px;color:var(--mint)}#activity-detail{font-size:12px;line-height:1.6;color:#c4d5ce;margin:5px 0 0}#activity-time{font:12px monospace;color:var(--mint);font-variant-numeric:tabular-nums;white-space:nowrap}.activity-spinner{width:23px;height:23px;flex:none;border:2px solid #b9f6cf25;border-top-color:var(--mint);border-radius:50%;animation:activity-spin .9s linear infinite}#activity-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:20px 0 15px;gap:8px;counter-reset:steps}#activity-steps li{counter-increment:steps;border-top:2px solid #3a4b43;padding-top:9px;font-size:10px;color:#83998d;line-height:1.5}#activity-steps li:before{content:counter(steps) '. ';font-family:monospace}#activity-steps li[data-state=current]{border-color:var(--mint);color:var(--mint)}#activity-steps li[data-state=done]{border-color:#6dac83;color:#c5e8d1}#activity-steps li[data-state=done]:before{content:'✓ '}.activity-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#d2e6da}#activity-percent{font-family:monospace}#activity-heartbeat{font-size:10px;line-height:1.6;margin:10px 0 0;color:#a1b9aa}#activity-log{max-height:150px;overflow:auto;font-size:10px;color:#c1d2c8;line-height:1.6}#activity-log p{margin:8px 0}#activity[data-state=running]~progress{height:6px;border-radius:4px;overflow:hidden;animation:activity-glow 1.7s ease-in-out infinite}#activity[data-state=error]{border-color:#e89880;background:#2a1c1a}#activity[data-state=error] .activity-head strong{color:#ffb39c}#activity:not([data-state=running]) .activity-spinner{animation:none;border-color:var(--mint);display:grid;place-items:center}#activity[data-state=done] .activity-spinner:before{content:'✓';color:var(--mint)}#activity[data-state=error] .activity-spinner{border-color:#ffb39c}#activity[data-state=error] .activity-spinner:before{content:'!';color:#ffb39c}#activity[data-state=cancelled] .activity-spinner:before{content:'–';color:var(--mint)}@keyframes activity-spin{to{transform:rotate(360deg)}}@keyframes activity-glow{50%{filter:brightness(1.65)}}@media(prefers-reduced-motion:reduce){.activity-spinner,#activity[data-state=running]~progress{animation:none}}@media(max-width:500px){#activity{padding:14px;top:8px}.activity-head{gap:9px}.activity-head strong{font-size:12px}#activity-detail{font-size:11px}#activity-steps{gap:5px}#activity-steps li{font-size:9px}}