.cap-studio{color:#111827;background:#f4f0e9;min-height:100vh}.cap-studio *{box-sizing:border-box}.cap-studio header{color:#fff;background:#071b34;justify-content:space-between;align-items:center;height:78px;padding:0 max(22px,50vw - 580px);display:flex}.cap-studio header img{width:185px}.cap-studio header a{color:#fff;font-weight:800}.studio-intro{max-width:1160px;margin:auto;padding:55px 22px 28px}.studio-intro span{color:#ef3340;letter-spacing:.12em;font-weight:900}.studio-intro h1{margin:10px 0;font-size:52px}.studio-intro p{font-size:18px}.cap-builder{grid-template-columns:420px 1fr;gap:28px;max-width:1160px;margin:0 auto 70px;padding:0 22px;display:grid}.controls,.cap-preview{background:#fff;border-radius:24px;padding:25px;box-shadow:0 15px 45px #17365c18}.controls label{margin-bottom:16px;font-weight:800;display:block}.controls input,.controls select,.controls textarea{width:100%;font:inherit;border:1px solid #cbd2dc;border-radius:9px;margin-top:7px;padding:12px}.controls textarea{min-height:95px}.upload input{display:none}.upload span{text-align:center;border:2px dashed #7c899b;border-radius:10px;margin-top:7px;padding:18px;display:block}.remove{color:#c5222e;background:0 0;border:0;margin:-7px 0 16px;font-weight:800}.generate{color:#fff;background:#ef3340;border:0;border-radius:10px;width:100%;padding:16px;font-size:17px;font-weight:900}.cap-preview{text-align:center}.preview-label{color:#2370b8;font-weight:900}.cap-preview>img,.blank-cap{aspect-ratio:1;object-fit:contain;border-radius:18px;width:100%;margin-top:15px}.blank-cap{background:#102c50;position:relative;overflow:hidden}.blank-cap>img{object-fit:cover;width:100%;height:100%}.logo-preview{top:43%;left:54%;transform:translate(-50%,-50%);object-fit:contain!important;width:26%!important;height:22%!important;position:absolute!important}.blank-cap b{color:#fff;position:absolute;top:57%;left:54%;transform:translate(-50%)}.cap-preview>a{color:#fff;background:#102c50;border-radius:8px;padding:12px 20px;font-weight:800;display:inline-block}.error{color:#c5222e}@media (width<=760px){.studio-intro h1{font-size:38px}.cap-builder{flex-direction:column;display:flex}.cap-preview{order:-1}.cap-studio header img{width:145px}.cap-studio header a{font-size:12px}}