.car-studio{--studio-red:#ed1c24;--studio-black:#101216;color:#111318;max-width:1420px;margin:0 auto;padding:clamp(1.25rem,4vw,3rem)}.studio-page{background:radial-gradient(circle at 10% 0,#fff 0,#0000 30rem),#f1f3f5;min-height:100vh}.studio-topbar{border-bottom:4px solid var(--studio-red);background:#0e1013;justify-content:space-between;align-items:center;min-height:70px;padding:0 max(4vw,50vw - 710px);display:flex}.studio-logo{color:#fff;letter-spacing:.08em;font-size:1.85rem;font-weight:950;text-decoration:none}.studio-logo span{color:var(--studio-red)}.studio-back{color:#fff;font-weight:750;text-decoration:none}.studio-back:hover{color:#ff5a61}.studio-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.studio-heading p{color:var(--studio-red);letter-spacing:.18em;margin:0 0 .35rem;font-size:.78rem;font-weight:900}.studio-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.studio-heading span{color:#68707b;margin-top:.65rem;font-size:1rem;display:block}.studio-heading button svg{width:17px}.studio-grid{grid-template-columns:minmax(320px,.78fr) minmax(440px,1.22fr);align-items:start;gap:1.15rem;display:grid}.studio-panel,.studio-result{background:#fff;border:1px solid #dfe3e8;border-radius:1.2rem;overflow:hidden;box-shadow:0 18px 50px #0f141c14}.studio-panel{padding:1rem}.studio-dropzone{color:#1b1e23;cursor:pointer;background:#f5f6f7;border:2px dashed #c9ced5;border-radius:.9rem;align-content:center;place-items:center;gap:.65rem;width:100%;min-height:310px;padding:1rem;display:grid;overflow:hidden}.studio-dropzone:hover,.studio-dropzone:focus-visible{border-color:var(--studio-red);background:#fff8f8;outline:none}.studio-dropzone.has-image{background:#202226;border-style:solid;padding:0}.studio-dropzone img{object-fit:contain;width:100%;height:330px}.studio-upload-icon{color:#fff;background:#111318;border-radius:1rem;place-items:center;width:62px;height:62px;display:grid}.studio-upload-icon svg{width:28px;height:28px}.studio-dropzone strong{font-size:1.1rem}.studio-dropzone small{color:#727983;font-size:.9rem}.studio-options{background:#f3f4f6;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;margin:.9rem 0;padding:.9rem;display:flex}.studio-options>div{flex-direction:column;gap:.2rem;display:flex}.studio-options>div strong{font-size:.92rem}.studio-options>div span{color:#6c737d;font-size:.8rem}.studio-options label{white-space:nowrap;align-items:center;gap:.55rem;font-size:.85rem;font-weight:750;display:flex}.studio-primary{width:100%;min-height:50px;font-size:1rem;font-weight:850;background:var(--studio-red)!important;color:#fff!important}.studio-primary:hover{background:#cf1018!important}.studio-primary svg{width:19px}.studio-spinner{animation:1s linear infinite studio-spin}.studio-message{color:#39704e;margin:.75rem .25rem 0;font-size:.86rem;font-weight:700}.studio-message.is-error{color:#b4232c}.studio-result{background:#17191c;place-items:center;min-height:520px;display:grid;position:relative}.studio-result>img{object-fit:contain;width:100%;height:100%;min-height:520px}.studio-placeholder{color:#fff;text-align:center;background:radial-gradient(circle at 50% 10%,#555a60 0,#25282b 36%,#111315 75%);align-content:center;place-items:center;gap:.65rem;min-height:520px;padding:2rem;display:grid}.studio-placeholder svg{color:#f13b43;width:46px;height:46px}.studio-placeholder strong{font-size:1.15rem}.studio-placeholder span{color:#adb2b9;font-size:.9rem}.studio-download{color:#111318;background:#fff;border-radius:.7rem;align-items:center;gap:.5rem;min-height:46px;padding:.7rem 1rem;font-weight:850;text-decoration:none;display:inline-flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 10px 30px #0000004d}.studio-download:hover{background:#f1f2f3}.studio-download svg{width:18px}.car-studio-compact{padding:.5rem 0 1rem}.car-studio-compact .studio-heading h1{font-size:clamp(1.7rem,3vw,2.45rem)}@keyframes studio-spin{to{transform:rotate(360deg)}}@media (width<=880px){.studio-grid{grid-template-columns:1fr}.studio-result,.studio-placeholder,.studio-result>img{min-height:420px}}@media (width<=560px){.car-studio{padding:1rem}.studio-heading{align-items:flex-start}.studio-heading button{flex:none;width:43px;font-size:0}.studio-heading button svg{margin:0}.studio-dropzone{min-height:250px}.studio-dropzone img{height:270px}.studio-options{flex-direction:column;align-items:flex-start}.studio-result,.studio-placeholder,.studio-result>img{min-height:300px}}