.studio-page{background:#faf9ff;color:#302a45;font-family:Inter,system-ui,sans-serif}.studio-page *{box-sizing:border-box}.studio-shell{max-width:1200px;margin:auto;padding:135px 20px 90px}.studio-back{color:#705ac9;font-size:13px;font-weight:800;text-decoration:none}.studio-hero{margin:30px 0 28px;max-width:900px}.studio-kicker{text-transform:uppercase;color:var(--accent,#785fd2);font-size:12px;letter-spacing:.13em;font-weight:900}.studio-hero h1{font-size:clamp(37px,5.6vw,68px);letter-spacing:-.065em;line-height:1.09;font-weight:850;margin:12px 0}.studio-hero p{font-size:16px;line-height:1.75;color:#766d86;max-width:700px}.studio-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:22px;align-items:start}.studio-panel,.studio-result{background:#fff;border:1px solid #e8e1f4;border-radius:25px;padding:24px;box-shadow:0 12px 30px #57438a0c}.studio-panel h2,.studio-result h2{font-size:20px;letter-spacing:-.04em;font-weight:850;margin:0 0 16px}.studio-field{display:block;margin:14px 0}.studio-field>span{display:block;font-size:12px;font-weight:800;color:#574d67;margin:0 0 7px}.studio-field :is(input,select,textarea){width:100%;padding:12px 14px;border:1px solid #e2d9f0;border-radius:12px;background:#fefcff;color:#302942;font:600 13px Inter,system-ui}.studio-field textarea{min-height:85px;resize:vertical}.studio-field :is(input,textarea,select):focus-visible{outline:3px solid #9e8af0}.studio-action{background:var(--accent,#715bd5);border:0;border-radius:12px;padding:12px 17px;color:white;font:800 13px Inter,system-ui;cursor:pointer}.studio-secondary{background:#f3effb;color:#715cb9;border:1px solid #e4d9f4}.studio-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.studio-result{min-height:340px;background:linear-gradient(140deg,#fff,#f8f6ff)}.studio-preview{border-radius:18px;padding:22px;background:white;border:1px solid #eee9f5;min-height:200px;overflow-wrap:anywhere}.studio-preview h3{font-size:24px;font-weight:850;letter-spacing:-.045em;margin:0 0 12px}.studio-preview p{color:#726881;font-size:13px;line-height:1.7}.studio-preview img{max-width:100%;height:auto}.studio-preview a{color:#6c5bc0}.studio-preview canvas{max-width:100%;height:auto}.studio-preview .swatch{display:inline-block;width:64px;height:78px;border:1px solid #ece6f5;border-radius:12px;margin:7px;vertical-align:top}.studio-preview .swatch small{display:block;text-align:center;font-size:9px;margin-top:50px;background:#fff;padding:4px;border-radius:0 0 12px 12px}.studio-preview .device{border:7px solid #322e40;border-radius:19px;background:white;padding:12px;margin:18px auto;box-shadow:0 10px 24px #241f4136}.studio-preview .device iframe{width:100%;height:330px;border:0}.studio-preview .device.mobile{max-width:260px}.studio-preview .device.tablet{max-width:580px}.studio-preview .device.desktop{max-width:100%}.studio-preview .post{max-width:500px;margin:auto;padding:48px 35px;text-align:center;aspect-ratio:1/1;display:grid;place-content:center;border-radius:10px}.studio-preview .post h3{font-size:clamp(25px,4vw,42px)}.studio-preview .mail-signature{border-left:4px solid var(--accent);padding:18px}.studio-preview .business-card{max-width:390px;margin:20px auto;padding:38px;background:linear-gradient(135deg,var(--accent),#342d59);color:#fff;border-radius:19px}.studio-preview .business-card p,.studio-preview .business-card h3{color:#fff}.studio-help{max-width:1000px;margin:60px auto 0}.studio-help h2{font-size:30px;font-weight:850;letter-spacing:-.04em}.studio-help p,.studio-help li{font-size:14px;line-height:1.85;color:#706581}.studio-help details{padding:15px 0;border-bottom:1px solid #e5dcef}.studio-help summary{font-weight:750;cursor:pointer}.studio-cta{padding:28px;background:#efe9ff;border-radius:20px;margin-top:30px}.studio-cta a{display:inline-block;padding:12px 19px;background:#755cd1;color:#fff;text-decoration:none;border-radius:100px;font-weight:800}.studio-toast{position:fixed;right:20px;top:90px;z-index:300;background:white;border-left:4px solid var(--accent);border-radius:12px;padding:14px 20px;box-shadow:0 15px 40px #30234a35;font-size:13px;font-weight:750}.studio-toast[hidden]{display:none}.studio-note{color:#887d95;font-size:12px;line-height:1.7;margin-top:13px}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-shell{padding-top:120px}}@media(max-width:550px){.studio-shell{padding-left:13px;padding-right:13px}.studio-panel,.studio-result{padding:18px}.studio-preview{padding:16px}}@media print{body nav,.studio-back,.studio-hero,.studio-panel,.studio-buttons,.studio-help,.site-footer{display:none!important}.studio-shell,.studio-layout,.studio-result{display:block!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.studio-preview{border:0!important}}
/* Per-tool visual personalities: distinct composition, not recolored clones */
.studio-page[data-studio="brand-kit"] .studio-result{background:radial-gradient(circle at 90% 10%,#f4d9ff,#f9f1ff 40%,#fff 90%)}
.studio-page[data-studio="brand-kit"] .studio-preview{background:#fdf6ff}
.studio-page[data-studio="brand-kit"] .studio-preview .swatch{width:calc(33% - 14px);height:115px}
.studio-page[data-studio="brand-kit"] .studio-preview .swatch small{margin-top:85px}
.studio-page[data-studio="website-makeover"] .studio-result{background:#ede9fc}
.studio-page[data-studio="website-makeover"] .studio-preview{padding:13px;border-radius:8px;box-shadow:0 20px 45px #241d5530}
.studio-page[data-studio="screenshot-studio"] .studio-result{background:linear-gradient(140deg,#e6effc,#f4f8ff)}
.studio-page[data-studio="screenshot-studio"] .studio-preview{background:transparent;border:0;box-shadow:none}
.studio-page[data-studio="product-photo"] .studio-result{background:repeating-linear-gradient(45deg,#f3f3f3 0 15px,#fff 15px 30px)}
.studio-page[data-studio="product-photo"] .studio-preview{background:#fff;box-shadow:0 12px 30px #24203327}
.studio-page[data-studio="social-post"] .studio-result{background:radial-gradient(circle at 10% 8%,#ffe2f2,#fcf1f9 45%,#f7efff)}
.studio-page[data-studio="social-post"] .studio-preview{background:transparent;border:0}
.studio-page[data-studio="website-speed"] .studio-result{background:linear-gradient(140deg,#edf5ff,#f0ecff)}
.studio-page[data-studio="website-speed"] .studio-preview{border-top:5px solid #5b83bb}
.studio-page[data-studio="email-signature"] .studio-result{background:linear-gradient(135deg,#faf7ff,#f6f3ff)}
.studio-page[data-studio="email-signature"] .studio-preview{font-family:Arial,Helvetica,sans-serif}
.studio-page[data-studio="digital-business-card"] .studio-result{background:radial-gradient(circle at center,#dfeafa,#edf2ff,#fff)}
.studio-page[data-studio="digital-business-card"] .studio-preview{background:transparent;border:0}

.studio-capture-img{display:block;width:100%;height:auto;min-height:180px;object-fit:contain;background:#f5f3fb}.studio-capture-error,.studio-capture-message{background:#f7f2ff;color:#615183;text-align:center;border-radius:12px;padding:35px 16px;font-size:13px;line-height:1.65}.studio-capture-error[hidden]{display:none}.studio-capture-links{text-align:center;font-size:12px;margin:14px 0}.studio-capture-links a{color:#3a79b1;font-weight:780}.studio-page[data-studio="screenshot-studio"] .studio-preview .device{overflow:hidden}.studio-page[data-studio="screenshot-studio"] .studio-preview .device img{max-width:100%}