body{background:#0c0e0f;color:#f4f5f2;font-family:'DM Sans',Arial,sans-serif}.flow{max-width:1100px;margin:auto;padding:55px 24px 90px}.flow-heading>a,.output>a{color:#d9ff32}.flow-heading h1{font-size:clamp(38px,5vw,64px);margin:16px 0 10px;letter-spacing:-.05em}.flow-heading>p{color:#a2a8a4}.flow-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.flow-card{background:#1c2021;border:1px solid #303737;border-radius:20px;padding:28px}.flow-card h2{font-size:24px}.flow-card p{color:#a2aaa5;line-height:1.5}.step{font-size:11px;letter-spacing:.15em;color:#d8ff31;font-weight:bold}.drop{min-height:210px;border:1px dashed #63705c;border-radius:14px;display:grid;place-items:center;text-align:center;cursor:pointer;margin:24px 0;color:#d5ddd1;font-size:18px}.drop img{max-width:100%;max-height:280px;object-fit:contain}.flow-card label:not(.drop){display:block;font-size:13px;color:#a2aaa5;margin-bottom:8px}.flow-card select{width:100%;background:#303636;color:white;border:0;padding:14px;border-radius:10px}.flow-card button{width:100%;margin-top:16px;padding:18px;border:0;border-radius:10px;background:#dbff30;font-weight:bold;font-size:16px;cursor:pointer}.flow-card button:disabled{opacity:.5;cursor:not-allowed}.output #result img,.output #result video{width:100%;max-height:450px;object-fit:contain;border-radius:12px;margin:15px 0}.output a{display:inline-block;margin-top:20px}@media(max-width:700px){.flow-layout{grid-template-columns:1fr}.studio-nav a:nth-child(3){display:none}.flow{padding-top:32px}}
