.style-intro { margin: -4px 0 16px; max-width: 42ch; color: var(--st-muted); font-size: 13.5px; line-height: 1.5; }
.designs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 14px; }
.design-choice { border: 2px solid transparent; border-radius: 14px; background: var(--choice-bg); color: var(--choice-text); padding: 0; overflow: hidden; cursor: pointer; text-align: left; position: relative; }
.design-choice.on { border-color: var(--st-ink); box-shadow: 0 0 0 2px var(--st-panel),0 0 0 3px var(--st-ink); }
.design-choice.on::after { content:'✓'; position:absolute; right:8px; top:8px; background:var(--choice-text); color:var(--choice-bg); width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:12px; }
.design-label { display: block; background: var(--choice-card); padding: 10px 12px; }
.design-label b { display: block; font-size: 14px; }
.design-label small { display: block; font-size: 10.5px; margin-top: 3px; }
.design-mini { display: block; height: 102px; position: relative; overflow: hidden; }
.design-object { position:absolute; top:10px; left:calc(50% - 33px); width:66px;height:66px; border:15px solid var(--choice-accent); border-radius:50%; transform:rotate(-28deg) rotateX(30deg); box-shadow:inset 4px 4px 6px #fff5,inset -4px -4px 6px #0003,6px 10px 14px #0002; }
.design-mini-line { display:block; position:absolute; width:32%; height:3px; bottom:17px; left:12px; background:var(--choice-text); opacity:.7; }
.design-mini-card { position:absolute;right:12px;bottom:8px;width:37px;height:34px;border-radius:5px;border:1px solid var(--choice-accent);background:var(--choice-card);transform:rotate(8deg); }
.design-mini-maison .design-object { border-bottom:0;border-radius:40px 40px 0 0;transform:rotate(-12deg); }
.design-mini-aura .design-object { border:0;background:radial-gradient(circle at 30% 15%,#fff,var(--choice-soft) 55%,var(--choice-accent));border-radius:45% 55% 66% 34%; }
.design-mini-terra .design-object { border:0;background:linear-gradient(120deg,var(--choice-soft),var(--choice-accent));clip-path:polygon(0 100%,36% 0,60% 64%,78% 27%,100% 100%);border-radius:0;transform:none; }
.design-mini-orbit .design-object { border-width:4px;box-shadow:0 0 0 6px var(--choice-soft),inset 0 0 0 6px var(--choice-soft);transform:rotate(-35deg) rotateX(45deg); }
.design-mini-confetti .design-object { border-color:var(--choice-soft);box-shadow:inset 3px 4px 5px #fff8,3px 6px 8px #0002; }
.design-mini-obsidian .design-object { border-radius:42% 55% 35% 60%;transform:rotate(-40deg) rotateX(30deg); }
.design-mini-studio .design-object { border-radius:3px;width:53px;height:53px;left:calc(50% - 27px);border-width:11px;transform:rotate(-16deg); }
.palette-options { margin:16px 0 22px; }
@media(min-width:1100px) { .designs { grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; } .design-label { padding:9px 8px; } .design-label small { font-size:10px; min-height:26px; } }
@media(max-width:560px) { .inp { font-size:16px; } .onb-box { padding:24px 18px; } }
.category-picker [hidden],.style-library [hidden],.bx-ai[hidden] { display:none!important; }
.category-picker .row2 { align-items:start; }
.category-picker .field { min-width:0; }
.category-picker select { width:100%; text-overflow:ellipsis; }
.catalog-hint { margin:0 0 16px; color:var(--st-muted); font-size:13px; line-height:1.6; }
.profile-category { border-top:1px solid var(--st-line); padding-top:18px; margin-top:20px; }
.profile-category h4 { font-size:14px; margin:0 0 14px; }
.style-library { border:1px solid var(--st-line); border-radius:14px; margin-bottom:16px; padding:0 16px; }
.style-library summary { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 0; cursor:pointer; min-height:70px; }
.style-library summary::marker { content:''; }
.style-library summary::-webkit-details-marker { display:none; }
.style-library summary small { display:block; font-size:10px; letter-spacing:.1em; color:var(--st-muted); margin-bottom:5px; }
.style-library summary b { font-size:19px; font-weight:500; }
.style-explore { font-size:12px; color:var(--st-muted); text-align:right; }
.style-explore::after { content:' +'; }
.style-library[open] .style-explore::after { content:' −'; }
.catalog-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; border-top:1px solid var(--st-line); padding-top:16px; }
.catalog-controls .field { min-width:0; }
.design-mini[data-shape=none] .design-object { border:0; border-radius:0; background:repeating-linear-gradient(0deg,var(--choice-text) 0 5px,transparent 5px 17px); width:58%; height:53px; left:12px; top:18px; transform:none; box-shadow:none; }
.design-mini[data-shape=blob] .design-object { border:0; background:radial-gradient(circle at 30% 15%,#fff,var(--choice-soft) 55%,var(--choice-accent)); border-radius:45% 55% 66% 34%; }
.design-mini[data-shape=arch] .design-object { border-bottom:0; border-radius:40px 40px 0 0; transform:rotate(-12deg); }
.design-mini[data-shape=terrain] .design-object { border:0; background:linear-gradient(120deg,var(--choice-soft),var(--choice-accent)); clip-path:polygon(0 100%,36% 0,60% 64%,78% 27%,100% 100%); border-radius:0; transform:none; }
.design-mini[data-shape=stack] .design-object { border-radius:3px; width:53px; height:53px; left:calc(50% - 27px); border-width:11px; transform:rotate(-16deg); }
.design-mini[data-shape=sun] .design-object { border:10px dotted var(--choice-accent); background:var(--choice-soft); transform:rotate(-15deg); }
.design-mini[data-shape=frames] .design-object { border:5px solid var(--choice-accent); border-radius:0; transform:rotate(-12deg); box-shadow:10px 7px 0 var(--choice-soft); }
.design-mini[data-shape=crystal] .design-object { border:0; border-radius:0; background:conic-gradient(var(--choice-accent),var(--choice-soft),var(--choice-accent)); clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); transform:rotate(10deg); }
.design-mini[data-shape=wave] .design-object { border-width:12px 0; border-radius:40%; height:50px; top:20px; transform:rotate(-20deg); }
.design-mini[data-shape=lattice] .design-object { border-width:2px; border-radius:0; transform:rotate(15deg) skewY(-15deg); box-shadow:8px 6px 0 -2px var(--choice-bg),8px 6px 0 var(--choice-accent); }
.style-library .design-choice { transition:box-shadow .15s,border-color .15s; }
.style-library .design-choice:hover { border-color:var(--st-muted); }
.style-library .design-choice:focus-visible,.style-library summary:focus-visible { outline:2px solid var(--st-ink); outline-offset:4px; }
.style-library .design-label small { font-size:11px; line-height:1.4; min-height:30px; }
.onb .style-library .designs { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:560px) { .catalog-controls { grid-template-columns:minmax(0,1fr); gap:0; } .style-library { padding:0 12px; } }
@media(prefers-reduced-motion:reduce) { .style-library .design-choice { transition:none; } }

.palette-editor,.cover-editor { border-top:1px solid var(--st-line); margin-top:22px; padding-top:20px; }
.palette-editor h4,.cover-editor h4 { margin:0 0 8px; font-size:16px; }
.palette-preview { display:flex; height:38px; border:1px solid var(--st-line); border-radius:10px; overflow:hidden; margin-bottom:10px; }
.palette-preview i { flex:1; }
.palette-colors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:16px 0; }
.palette-color { min-width:0; }
.palette-color label { display:block; font-size:13px; margin-bottom:7px; }
.palette-color > div { display:flex; gap:8px; }
.palette-color input[type=color] { flex:none; width:44px; height:44px; padding:3px; background:white; border:1px solid var(--st-line); border-radius:8px; cursor:pointer; }
.palette-color .inp { min-width:0; width:100%; height:44px; font:14px monospace; }
.palette-color input:invalid { border-color:#a13227; }
.palette-editor [data-palette-reset] { display:block; margin-top:14px; }
@media(max-width:420px) { .palette-colors { grid-template-columns:minmax(0,1fr); } }