:root{--studio-surface:#141f35;--studio-base:#0d1628;--studio-ink:#f3f6ff;--studio-muted:#b9c6e2;--studio-line:#485a80;--studio-active:#293b61;--studio-accent:#b5c4ff}
:root[data-theme="light"]{--studio-surface:#fff;--studio-base:#f0f4fc;--studio-ink:#17213c;--studio-muted:#465470;--studio-line:#b8c5dd;--studio-active:#e0eaff;--studio-accent:#35409b}
:is(.ux-settings-nav,.main-menu-nav) button{color:var(--studio-ink)!important;background:var(--studio-surface)!important;border:1px solid var(--studio-line)!important;border-radius:12px;min-height:44px;padding-block:8px;overflow-wrap:anywhere}
:is(.ux-settings-nav,.main-menu-nav) button :is(span,b){color:inherit}
.ux-settings-nav button small{color:var(--studio-muted)!important}
:is(.ux-settings-nav,.main-menu-nav) button:is(.active,:hover,:focus-visible),.rodnie-studio button[aria-pressed="true"]{background:var(--studio-active)!important;border-color:var(--studio-accent)!important}
.rodnie-studio,.studio-page{color:var(--studio-ink);background:var(--studio-base);border:1px solid var(--studio-line);padding:clamp(12px,2vw,24px);border-radius:18px;min-width:0;overflow-wrap:anywhere}
.rodnie-studio header{margin-bottom:16px}
.rodnie-studio header small{color:var(--studio-accent);letter-spacing:.12em;font-weight:700}
.rodnie-studio h2,.studio-page h2{margin:.25em 0}
.rodnie-studio header p,.rodnie-studio small{color:var(--studio-muted)}
.rodnie-studio nav,.studio-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
:is(.rodnie-studio,.studio-page,.ux-settings-content) :is(.primary-btn,.secondary-btn){min-height:44px;padding:7px 12px;font-size:.9rem;border-radius:10px}
.rodnie-studio .secondary-btn{color:var(--studio-ink);background:var(--studio-surface);border:1px solid var(--studio-line)}
:is(.rodnie-studio,.studio-page) :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;color:var(--studio-ink);background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:9px;padding:8px;margin-top:4px;min-height:42px}
:is(.rodnie-studio,.studio-page) label{display:block;min-width:0}
.studio-editor,.rodnie-studio [data-items],.studio-design{margin-top:12px}
.studio-design{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.studio-design>div{display:grid;gap:10px;min-width:0}
.studio-design aside,.studio-block,.studio-design details,.studio-blocks>*{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:12px;padding:10px;min-width:0}
.studio-design aside>strong{display:block;color:var(--studio-accent);margin-bottom:8px}
.studio-design aside .studio-page{padding:8px}
.studio-block{margin-bottom:8px}
.studio-block .studio-inline strong{margin-inline-end:auto}
.studio-block dd{margin:0 0 .6em;white-space:pre-wrap}
.studio-rename,.studio-blocks{display:grid;gap:8px;margin-top:8px}
.studio-compact .studio-blocks>*{border:0;padding:4px;background:transparent}
.studio-columns .studio-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}
.studio-columns .studio-blocks>:is(h3,p){grid-column:1/-1}
.studio-prose{white-space:pre-wrap}
.studio-art,.studio-gift-art{width:64px;height:64px;object-fit:contain;border-radius:9px}
@media(max-width:1180px){
 [data-chat-row]{touch-action:pan-y;position:relative;overflow:hidden}
 [data-chat-row].studio-swipe{background:var(--studio-active)}
 [data-chat-row] .chat-open-button{position:relative;z-index:1;transition:transform .16s ease}
 [data-chat-row].studio-swipe .chat-open-button{transform:translateX(var(--studio-dx,0px));transition:none;background:var(--studio-surface)}
 [data-chat-row].studio-swipe::before{content:attr(data-swipe-label);position:absolute;inset-block:0;left:10px;display:flex;align-items:center;color:var(--studio-ink);font-size:.75rem;font-weight:700}
 [data-chat-row].studio-swipe[data-swipe-side="left"]::before{left:auto;right:10px}
}
@media(max-width:1000px){.studio-design{grid-template-columns:1fr}}
@media(max-width:430px){.studio-columns .studio-blocks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){[data-chat-row] .chat-open-button{transition:none}}