.studio-preset-preview{--preset-bg:#201812;--preset-text:#fbf4eb;--preset-accent:#e4744b;--preset-radius:5px;position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:1.12;container-type:inline-size;background:var(--preset-bg);color:var(--preset-text);overflow:hidden;border-radius:6px;box-sizing:border-box;text-align:left;isolation:isolate}
.preset-mini-nav{display:flex;align-items:center;gap:3px;height:15%;padding:0 9%;border-bottom:1px solid color-mix(in srgb,var(--preset-text) 15%,transparent)}
.preset-mini-nav i{display:block;width:8%;height:2px;background:var(--preset-text);opacity:.6;border-radius:1px}.preset-mini-nav i:first-child{width:24%;margin-right:auto;opacity:1}
.preset-mini-body{display:flex;align-items:center;gap:8%;flex:1;min-height:0;padding:8% 9%}.preset-mini-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:52%;z-index:2}
.preset-mini-heading{font:600 clamp(18px,17cqw,36px)/.92 'Instrument Sans',sans-serif;letter-spacing:-.04em;margin-bottom:5px;color:inherit;overflow-wrap:normal}
.preset-mini-line{display:block;width:90%;height:2px;background:currentColor;opacity:.3;border-radius:1px}.preset-mini-line+.preset-mini-line{width:68%}.preset-mini-button{display:block;width:41%;height:5px;margin-top:4px;background:var(--preset-accent);border-radius:var(--preset-radius)}
.preset-mini-visual{position:relative;display:block;width:40%;height:100%;min-height:35px;border-radius:var(--preset-radius);overflow:hidden;background:color-mix(in srgb,var(--preset-accent) 30%,var(--preset-bg))}
.preset-mini-visual i:first-child{position:absolute;inset:25% 18% -25%;border-radius:50% 50% 0 0;background:var(--preset-accent);transform:rotate(22deg);opacity:.7}.preset-mini-visual i+ i{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;right:13%;top:13%;background:var(--preset-text);opacity:.8}
.preset-mini-footer{height:14%;display:flex;align-items:center;justify-content:space-around;gap:5%;padding:0 9%;background:var(--preset-text)}.preset-mini-footer i{height:2px;width:25%;background:var(--preset-bg);opacity:.55}
.studio-preset-preview[data-layout=karta] .preset-mini-body{position:relative;flex-direction:column;margin:7%;padding:6%;border:1px solid color-mix(in srgb,var(--preset-accent) 40%,transparent);border-radius:var(--preset-radius);background:color-mix(in srgb,var(--preset-accent) 8%,var(--preset-bg))}.studio-preset-preview[data-layout=karta] .preset-mini-copy{width:100%;align-items:center;gap:3px}.studio-preset-preview[data-layout=karta] .preset-mini-heading{font-size:clamp(20px,20cqw,42px);text-align:center}.studio-preset-preview[data-layout=karta] .preset-mini-line{width:63%}.studio-preset-preview[data-layout=karta] .preset-mini-line+.preset-mini-line{display:none}.studio-preset-preview[data-layout=karta] .preset-mini-visual{display:none}
.studio-preset-preview[data-layout=pas] .preset-mini-body{position:relative}.studio-preset-preview[data-layout=pas] .preset-mini-copy{width:80%}.studio-preset-preview[data-layout=pas] .preset-mini-visual{position:absolute;inset:0 0 0 45%;width:55%;height:100%;border-radius:0;opacity:.65}.studio-preset-preview[data-layout=pas] .preset-mini-heading{font-size:clamp(20px,20cqw,42px);text-shadow:0 1px 10px var(--preset-bg)}
.studio-preset-preview[data-layout=editorial] .preset-mini-copy{width:100%}.studio-preset-preview[data-layout=editorial] .preset-mini-heading{font-size:clamp(26px,27cqw,56px);letter-spacing:-.06em;color:var(--preset-accent)}.studio-preset-preview[data-layout=editorial] .preset-mini-visual{display:none}.studio-preset-preview[data-layout=editorial] .preset-mini-line{width:64%}
#studio-preset-options{display:grid;gap:9px;margin:16px 0 10px}.studio-preset-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:1px solid #ddd8d0;border-radius:10px;background:#fff;color:#211e19;text-align:left;cursor:pointer;font-family:'Instrument Sans',sans-serif;transition:border-color .16s,background .16s}
.studio-preset-card:hover{border-color:#9e968a}.studio-preset-card[aria-pressed=true]{border-color:#f0442d;background:#fff6f0;box-shadow:0 0 0 1px #f0442d}.studio-preset-card:focus-visible{outline:2px solid #f0442d;outline-offset:3px}.studio-preset-card:disabled{cursor:wait;opacity:.58}
.preset-card-copy{display:block;min-width:0;padding-right:3px}.preset-card-copy strong{display:block;font-size:12px;line-height:1.3;letter-spacing:-.15px;font-weight:650}.preset-card-copy small{display:block;margin-top:5px;color:#746d63;font-size:10px;line-height:1.5}.preset-card-check{position:absolute;right:5px;top:5px;display:none;place-items:center;width:15px;height:15px;border-radius:50%;background:#f0442d;color:#17100d;font-size:9px;font-weight:700}.studio-preset-card[aria-pressed=true] .preset-card-check{display:grid}
#studio-active-style{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:4px;background:#eeeae2;color:#5d5347;font:500 10px/1.3 'IBM Plex Mono',monospace;letter-spacing:0}
.preset-feedback{min-height:0;margin:10px 0 18px;color:#6f665b;font:400 10px/1.55 'Instrument Sans',sans-serif}.preset-feedback:empty{display:none}.preset-feedback[data-error=true]{color:#a52e1c}
#studio-design-details{margin-top:22px;padding-top:15px;border-top:1px solid #dfd9d0}#studio-design-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;font:600 12px/1.4 'Instrument Sans',sans-serif;color:#4b453b;margin-bottom:18px}#studio-design-details>summary:after{content:'＋';font-size:16px;font-weight:400}#studio-design-details[open]>summary:after{content:'−'}#studio-design-details>summary::-webkit-details-marker{display:none}
@media(max-width:1150px) and (min-width:768px){.studio-preset-card{grid-template-columns:86px minmax(0,1fr);gap:9px}.preset-card-copy small{font-size:9px}.preset-card-copy strong{font-size:11px}}
@media(max-width:767px){.studio-preset-card{grid-template-columns:110px minmax(0,1fr);gap:15px;padding:9px}.preset-card-copy strong{font-size:14px}.preset-card-copy small{font-size:11px}#studio-active-style{font-size:10px}.preset-feedback{font-size:11px}}
@media(prefers-reduced-motion:reduce){.studio-preset-card{transition:none}}

#studio-design-details>summary>span[aria-hidden=true]{display:none}

@media(max-width:359px){.studio-preset-card{grid-template-columns:90px minmax(0,1fr);gap:10px}.preset-card-copy strong{font-size:12px}.preset-card-copy small{font-size:10px}}