/* Theme Studio editorial, isolado dos estilos do Admin e do Marketplace. */
.ts-shell{margin:18px 0 24px;border:1px solid #d8e4ef;border-radius:22px;background:#fff;padding:24px;box-shadow:0 12px 32px #102d4810}
.ts-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}
.ts-heading h3{font:800 19px Montserrat,Inter,sans-serif;letter-spacing:-.025em;color:#163650;margin:6px 0}
.ts-heading p{font:12px/1.6 Inter,sans-serif;color:#63809b;max-width:720px;margin:0}
.ts-draft{flex:none;border:1px solid #c3d8e7;background:#f3f8fc;color:#416982;border-radius:99px;padding:7px 12px;font:750 9px Inter,sans-serif;letter-spacing:.1em}
.ts-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.ts-preset{display:grid;text-align:left;gap:7px;border:1px solid #dce6ee;background:#fff;border-radius:13px;padding:12px;cursor:pointer;color:#19374e}
.ts-preset:hover{border-color:#93adc6}.ts-preset.active{border:2px solid #1266a5;background:#f5faff;padding:11px}
.ts-preset strong{font:750 12px Montserrat,sans-serif}.ts-preset small{font:11px Inter,sans-serif;color:#6f8395}
.ts-swatches{display:flex;height:31px;border-radius:7px;overflow:hidden}.ts-swatches i{flex:1}
.ts-main{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.9fr);gap:25px;align-items:start}
.ts-fields{display:grid;gap:19px}.ts-group{border-top:1px solid #e1eaf2;padding-top:14px}.ts-group h4{font:800 13px Montserrat,sans-serif;color:#193953;margin:2px 0 14px}
.ts-group>label:not(.ts-check){display:grid;gap:7px;font:650 12px Inter;color:#41617b}
.ts-group select{background:#f8fbfe;padding:11px;border:1px solid #c9dce9;border-radius:10px;color:#183a56;width:100%;font:12px Inter}
.ts-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ts-color{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;border:1px solid #e1e9f1;padding:7px;border-radius:9px;color:#35536e;font:11px Inter}
.ts-color input{width:28px;height:28px;border:0;padding:0;background:none;cursor:pointer}
.ts-color code{font-size:9px;color:#71899d}.ts-reset{border:0;background:transparent;padding:12px 0 0;color:#1266a5;cursor:pointer;font:750 11px Inter}
.ts-check{display:flex;align-items:center;gap:8px;margin:10px 0;color:#355771;font:650 12px Inter}.ts-check input{accent-color:#116fae}
.ts-range{display:grid!important;gap:5px!important;margin-top:13px}.ts-range span{display:flex;justify-content:space-between}.ts-range strong{font-variant-numeric:tabular-nums;color:#0969a8}
.ts-range input{width:100%;accent-color:#0b72b9}.ts-flags{margin-top:15px;display:grid;gap:3px}
.ts-preview-pane{position:sticky;top:12px}.ts-preview-title{display:flex;justify-content:space-between;gap:10px;font:750 12px Inter;color:#21415b;margin-bottom:11px}.ts-preview-title span{font-weight:450;color:#8294a5}
.ts-preview{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;max-width:390px;margin:auto;background:var(--od-theme-bg);color:var(--od-theme-ink);border:1px solid var(--od-theme-border);box-shadow:0 15px 40px #0c22342e}
.ts-preview-hero{height:270px;position:relative;overflow:hidden;background:#bccbd9}
.ts-preview-hero img{width:100%;height:100%;object-fit:cover;display:block}
.ts-preview-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b1a273f,transparent 34%,#08101ae0);pointer-events:none}
.ts-preview-type,.ts-preview-car{position:absolute;z-index:1;color:white}.ts-preview-type{top:15px;left:15px;border-radius:30px;background:#17283c9c;border:1px solid var(--od-theme-accent);padding:7px 12px;font:700 10px Inter}
.ts-preview-car{left:19px;bottom:21px}.ts-preview-car small{font:700 10px Inter;letter-spacing:.2em}.ts-preview-car h4{font:800 30px Montserrat;margin:6px 0}.ts-preview-car>span{font:11px Inter}
.ts-preview-body{display:grid;gap:12px;padding:14px;background:var(--od-theme-bg);color:var(--od-theme-ink)}
.ts-preview-specs{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;background:var(--od-theme-panel);border-radius:12px;padding:12px 4px;color:var(--od-theme-ink);font:750 11px Inter}
.ts-preview-specs small{color:var(--od-theme-muted);font-weight:500}.ts-preview-price{display:grid;gap:4px;background:var(--od-theme-panel);border-radius:12px;padding:13px}.ts-preview-price small{font-size:10px;color:var(--od-theme-muted)}.ts-preview-price strong{font:800 17px Montserrat}
.ts-preview-cta,.ts-preview-more{display:grid;place-items:center;border-radius:40px;padding:12px;font:800 11px Montserrat}.ts-preview-cta{background:var(--od-theme-accent);color:var(--od-theme-cta-ink)}.ts-preview-more{border:1px solid var(--od-theme-border)}
.ts-preview::before{content:'';position:absolute;inset:-100% 0;z-index:5;pointer-events:none;width:var(--od-glow-width);left:36%;background:linear-gradient(90deg,transparent,rgba(var(--od-theme-rgb),var(--od-glow-strength)),transparent);filter:blur(calc(var(--od-glow-blur)*.5));transform:rotate(var(--od-glow-angle));animation:ts-light-preview var(--od-glow-cycle) ease-in-out infinite}
.ts-preview[data-od-effect=off]::before{display:none}
.ts-preview[data-od-effect=edge]::before{inset:0;width:auto;transform:none;background:transparent;box-shadow:inset 0 0 16px rgba(var(--od-theme-rgb),var(--od-glow-strength));animation:ts-edge-preview var(--od-glow-cycle) ease-in-out infinite}
.ts-preview[data-od-effect=halo]::before{width:140%;height:100%;inset:0;filter:blur(var(--od-glow-blur));background:radial-gradient(ellipse at center,rgba(var(--od-theme-rgb),var(--od-glow-strength)),transparent 65%);animation:ts-edge-preview var(--od-glow-cycle) ease-in-out infinite}
@keyframes ts-light-preview{0%,5%{translate:-155% -45%;opacity:0}23%{opacity:1}40%,100%{translate:150% 60%;opacity:0}}
@keyframes ts-edge-preview{0%,60%,100%{opacity:0}25%{opacity:1}}
.ts-preview.od-compose-grand .ts-preview-hero{height:330px}.ts-preview.od-compose-grand .ts-preview-specs{display:none}
.ts-preview.od-compose-executive .ts-preview-hero{height:240px}
.ts-preview.od-compose-performance .ts-preview-hero{height:265px}.ts-preview.od-compose-performance .ts-preview-cta{border-radius:9px}
.ts-note{font:11px/1.6 Inter;color:#7b91a5;margin:13px 0 0}
@media(max-width:1050px){.ts-main{grid-template-columns:1fr}.ts-preview-pane{position:static}}
@media(max-width:690px){.ts-shell{padding:14px}.ts-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-color-grid{grid-template-columns:1fr}.ts-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ts-preview::before{animation:none!important;opacity:0!important}}