.studio{max-width:1200px;margin:auto}.studio>.eyebrow{display:block;margin-top:28px}.studio h1{font-size:clamp(30px,5vw,56px);line-height:1.1}.studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.studio-tabs button{border:1px solid #cbd5e1;border-radius:12px;padding:12px 20px;background:#fff;color:#172033;cursor:pointer}.studio-tabs button[aria-pressed=true]{background:#195bd7;border-color:#195bd7;color:white}.studio-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:24px;align-items:start}.studio-controls label{display:grid;gap:7px;margin:15px 0;font-weight:600}.studio-controls input:not([type=checkbox]),.studio-controls select,.studio-controls textarea{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font:inherit;background:#fff;color:#172033}.studio-controls input[type=color]{height:44px;padding:4px}.studio-controls input[type=range]{padding:10px 0;min-height:44px}.studio .studio-check{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-weight:400}.studio-check input{margin-top:4px;width:20px;height:20px;flex-shrink:0}.studio-preview{position:sticky;top:20px}.studio-stage{display:flex;align-items:center;justify-content:center;min-height:300px;background:#eef3f9;border-radius:16px;padding:28px;overflow:hidden}.studio-stage img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;filter:drop-shadow(0 10px 14px #12263a20)}.studio button:disabled{opacity:.5;cursor:not-allowed}.studio-controls .muted,.studio-preview .muted{font-size:13px;line-height:1.5}.studio a:focus-visible,.studio button:focus-visible,.studio input:focus-visible{outline:3px solid #f58a21;outline-offset:3px}@media(max-width:760px){.studio-grid{grid-template-columns:1fr}.studio-preview{position:static}.studio-stage{min-height:190px;padding:16px}.studio .button{width:100%}}.studio{padding-top:40px;padding-bottom:70px;color:#182336}.studio>p{max-width:680px}.studio h1{letter-spacing:-.045em;margin:16px 0}.studio-steps{display:flex;list-style:none;padding:0;gap:28px;margin:28px 0;color:#657489;font-size:14px}.studio-steps li{display:flex;align-items:center;gap:9px}.studio-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7edf5;color:#56677e}.studio-steps [aria-current]{color:#195bd7;font-weight:600}.studio-steps [aria-current] b{background:#195bd7;color:#fff}.studio-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#f0f4f9;border:1px solid #dde5ef;border-radius:16px;margin-bottom:24px}.studio-preview-meta button,.studio-toolbar button{border:1px solid #d4deeb;background:#fff;border-radius:10px;padding:10px 14px;color:#233753;font:inherit;cursor:pointer;font-size:13px}.studio-grid>.admin-card{border:1px solid #e0e7f0;border-radius:22px;box-shadow:0 8px 30px #162e4b06}.studio-controls h2{font-size:21px}.studio-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0;margin:22px 0}.studio-presets legend{font-weight:600;margin-bottom:10px}.studio-presets button{padding:8px 6px;border:2px solid transparent;border-radius:10px;background:#f1f5fa;cursor:pointer;font-size:11px;color:#34465e}.studio-presets button[aria-pressed=true]{border-color:#195bd7;background:#edf3ff}.studio-presets img{width:100%;height:auto;display:block;margin-bottom:8px}.studio-palettes{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.studio-palettes button{border:1px solid #d6dfeb;padding:8px 10px;border-radius:20px;font-size:12px;cursor:pointer}.studio-stage{position:relative;background:radial-gradient(ellipse at top,#fff,#eaf0f7);min-height:330px}.studio-enlarge{position:absolute;right:10px;bottom:10px;border:1px solid #dce4f0;background:#ffffffee;border-radius:10px;padding:8px 12px;color:#263b58;cursor:pointer}.studio-preview-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 24px;font-size:12px;color:#52657c}.studio-preview h2{font-size:21px;letter-spacing:-.02em}.studio-notice{padding:14px 18px;background:#eaf6ee;border-radius:12px;color:#24563a}.studio-warnings{background:#fff8e9;border:1px solid #f2dca5;border-radius:14px;padding:16px;margin-top:20px;font-size:13px;color:#705314}.studio-warnings h3{font-size:14px;margin:0 0 10px}.studio-warnings ul{padding-left:18px;margin:0}.studio-warnings li+li{margin-top:8px}.studio-trust{text-align:center;font-size:12px;color:#64748b}.studio-dialog{border:0;border-radius:20px;padding:24px;max-width:min(1100px,95vw);width:95vw;background:#f2f6fb;color:#263b58;box-shadow:0 24px 100px #0005}.studio-dialog::backdrop{background:#0e1d32c9}.studio-dialog img{display:block;margin:24px auto;max-width:100%;max-height:72vh;width:auto;min-width:65%;object-fit:contain}.studio-mobile-nav{display:none}#studio-preview,#studio-settings{scroll-margin-top:16px}@media(max-width:760px){.studio{padding-top:24px}.studio-steps{gap:12px;font-size:11px;justify-content:space-between}.studio-steps li{flex-direction:column;align-items:flex-start;gap:6px}.studio-toolbar{gap:6px}.studio-toolbar button{flex:1 1 40%;font-size:12px;min-height:42px}.studio-mobile-nav{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;font-size:13px}.studio-mobile-nav a{color:#195bd7;text-decoration:underline}.studio-preview{grid-row:1}.studio-controls{grid-row:2}.studio-stage{min-height:200px}.studio-preview-meta{flex-wrap:wrap;margin-bottom:14px}.studio-preview>p{font-size:13px}.studio-dialog{padding:16px}.studio-dialog img{min-width:100%}.studio-grid{gap:18px}.studio-steps b{width:24px;height:24px}.studio-presets button{min-height:70px}.studio-grid{display:flex;flex-direction:column}.studio-preview{display:contents}.studio-preview>*{order:1}.studio-preview>.studio-tabs{order:-3;margin:0}.studio-preview>.studio-stage{order:-2}.studio-preview>.studio-preview-meta{order:-1;margin:0}.studio-controls{order:0;width:100%}.studio-preview>h2{margin:8px 0 0}.studio-preview>p{margin:0}.studio-preview>.studio-check{margin:4px 0}.studio-preview>.studio-warnings{margin:0}.studio-preview>.button{min-height:52px}}.studio-cmyk{padding:18px;border:1px solid #cddcf4;background:#f0f5ff;border-radius:14px;margin:18px 0;font-size:13px}.studio-cmyk h3{font-size:16px;margin:0 0 10px}.studio-cmyk .studio-check{display:block}.studio-cmyk input{vertical-align:middle;margin-right:8px}