body[data-view=styles] .style-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,1fr);gap:22px;align-items:start}
body[data-view=styles] .panel{background:linear-gradient(130deg,#b8ad9ccf,#a79b8cdb);color:#302d25;border-image:url('/assets/ui/game-panel-frame.webp') 34/7px repeat}
.style-photo-panel{padding:0;overflow:hidden}.style-photo{background:#201c1b;display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;position:relative}.style-photo img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.style-photo-empty{text-align:center;padding:35px;color:#d3bc85;max-width:350px}.style-photo-empty .style-category-icon{width:80px;height:80px;display:block;margin:0 auto 20px}.style-photo-empty strong{display:block;font:22px var(--heading)}.style-photo-empty p{font-size:14px;color:#b6a992}.style-photo-tools{display:flex;align-items:center;gap:12px;padding:15px;flex-wrap:wrap}.style-photo-tools small{font-size:11px;width:100%;color:#514938}.style-story{padding:18px;display:grid;gap:12px}.style-story label,.style-meta{display:grid;gap:7px}.style-meta{grid-template-columns:1fr 1fr;gap:12px}.style-file-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}.style-notes{white-space:pre-wrap;overflow-wrap:anywhere}.style-category-icon{width:32px;height:32px;object-fit:contain;flex:none;filter:none}.style-settings{padding:18px;min-width:0}.style-settings h2{display:flex;align-items:center;gap:9px;font-size:20px;margin:23px 0 16px}.style-settings h2:first-child{margin-top:0}.style-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #796236;gap:5px;padding-bottom:12px}.style-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;font-size:12px;background:#bbad92;color:#373027;border:1px solid #84734b}.style-tabs [aria-selected=true]{background:#3c3426;color:#e1cb92}.style-tabs img{width:23px;height:23px}.style-choices{display:grid;gap:10px;grid-template-columns:1fr 1fr}.style-choice{display:flex;text-align:left;align-items:center;gap:8px;border:1px solid #776747;background:#aa9b8259;padding:6px;min-width:0;color:#302c23}.style-choice>span:nth-child(2){min-width:0;flex:1}.style-choice small{display:block;font-size:11px;font-family:var(--body)}.style-choice strong{display:block;font-size:14px;overflow-wrap:anywhere;font-weight:400}.style-choice-art{width:66px;height:66px;flex:none;display:grid;place-items:center}.style-choice-art>img{width:100%;height:100%;object-fit:contain}.style-choice-art .style-category-icon{width:34px;height:34px;opacity:.5}.style-body-label{display:flex;align-items:center;gap:9px;margin:18px 0;flex-wrap:wrap}.style-body-label select{flex:1;min-width:130px}.style-colour-row{padding:12px 0;border-top:1px solid #6d603c44}.style-colour-row>strong{font-size:13px;font-weight:400}.style-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.style-channel{display:flex;text-align:left;align-items:center;gap:8px;padding:7px;color:#393326;border:1px solid #73674e55;background:#b7aa9259;font-size:11px;min-width:0}.style-channel-number{border:1px solid #8e773f;border-radius:50%;display:grid;place-items:center;flex:none;width:24px;height:24px;color:#e6c77a;background:#493b27;font:16px var(--heading)}.style-channel>span:last-child{overflow-wrap:anywhere}.style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.style-card.panel{padding:0}.style-card-open{display:block;width:100%;background:none;padding:0;color:inherit;text-align:left;border:0}.style-card .style-photo{aspect-ratio:3/4}.style-card-caption{padding:15px}.style-card-caption h3{font-size:20px;margin:0 0 4px;overflow-wrap:anywhere}.style-card-caption span{font-size:12px}.style-card-actions{display:flex;justify-content:space-between;padding:0 15px 15px;font-size:12px;gap:10px}.style-like[aria-pressed=true]{color:#8a291c}.style-gallery-tools{display:flex;align-items:end;gap:16px;margin:0 0 24px;flex-wrap:wrap}.style-gallery-tools label{display:grid;gap:6px;font-size:12px}.style-gallery-tools label:first-child{flex:1;min-width:180px}.style-empty{text-align:center;padding:50px 20px}.style-empty>img{width:90px;height:90px;object-fit:contain}.style-empty h2{font-size:26px}.style-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px;max-height:65vh;overflow:auto}.style-picker-item{border:6px solid transparent;border-image:url('/assets/ui/arsenal-item-frame.webp') 34/6px repeat;background:#aa9b85;color:#312d25;padding:7px;display:flex;flex-direction:column;align-items:center;min-width:0}.style-picker-item img{width:100%;height:100px;object-fit:contain}.style-picker-item strong{font-size:13px;overflow-wrap:anywhere}.style-picker-item small{font-size:10px}.style-picker-item[aria-pressed=true]{border-image-source:url('/assets/ui/arsenal-item-hover.webp')}.style-picker-item[hidden]{display:none}.style-palettes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.style-palettes section{padding:12px;border:1px solid #7f693f;background:#ab9f8a}.style-palette-heading{display:flex;align-items:center;gap:10px;min-height:70px;color:#393025}.style-palette-heading img{width:70px;height:70px;object-fit:contain}.style-palette-heading h3{font-size:15px;overflow-wrap:anywhere}.style-palette-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.style-palette-options button{border:1px solid #80682c;background:#57452a;color:#e6ca8c;padding:8px;font-size:20px}.style-palette-options [aria-pressed=true]{background:#d7b66a;color:#332515;outline:2px solid #796338}.photo-missing:after{content:'Фото недоступно / Photo unavailable';color:#d3bb88;position:absolute}
body[data-view=styles] .panel :is(label,h2,h3,.muted){color:#423927}body[data-view=styles] :is(.style-story,.style-settings) :is(input,textarea,select){background:#d0c4b0;color:#302a21;border-color:#877958}body[data-view=styles] .style-card-actions button{color:#51412d}body[data-view=styles] .style-card-actions .style-like[aria-pressed=true]{color:#8a291c}
.style-swatch{display:block;width:30px;height:30px;flex:none;border:1px solid #483d29;box-shadow:inset 0 0 0 1px #ffffff20}.style-palette-options button{padding:0;border:3px solid #89754e;background:repeating-conic-gradient(#d6cebd 0 25%,#a89d89 0 50%) 50%/12px 12px;min-height:50px;position:relative}.style-palette-options button .style-swatch{width:100%;height:50px;border:0;box-shadow:none}.style-palette-options button[aria-pressed=true]{outline:2px solid #382d16;outline-offset:2px;border-color:#eacb78}.style-palette-options button[aria-pressed=true]:after{content:'✓';position:absolute;right:4px;bottom:1px;color:white;text-shadow:0 1px 3px black,0 0 3px black;font:22px var(--body)}.swatch-empty{background:repeating-linear-gradient(135deg,#a89d8980 0 4px,#d4c8b280 4px 8px);border-style:dashed}.style-palette-heading h3{color:#3e3323}
@media(max-width:1100px){.style-choices{grid-template-columns:1fr}.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-view=styles] .style-workspace{grid-template-columns:1fr;gap:16px}.style-photo-panel .style-photo{aspect-ratio:4/5}.style-gallery{grid-template-columns:1fr 1fr;gap:10px}.style-card-caption{padding:10px}.style-card-caption h3{font-size:16px}.style-card-actions{padding:0 10px 10px}.style-card .style-photo-empty{padding:12px}.style-card .style-photo-empty strong{font-size:14px}.style-card .style-photo-empty p{display:none}.style-card .style-category-icon{width:38px;height:38px}.style-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-palettes{grid-template-columns:1fr}.style-choices{grid-template-columns:1fr 1fr}.style-choice-art{width:48px;height:48px}.style-story,.style-settings{padding:12px}body .sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:420px){.style-choices{grid-template-columns:1fr}.style-channels{grid-template-columns:1fr 1fr}.style-meta{grid-template-columns:1fr}}

.style-photo-panel .style-photo.is-wide{aspect-ratio:4/3}
body[data-view=styles] .style-photo-tools label.button{color:#ead3a1}body[data-view=styles] .style-story :is(input,textarea)::placeholder{color:#756853}
/* Verminia's colour controls: native irregular circle masks and game layout. */
.style-editor-settings{max-width:1040px;margin:0 auto}.style-game-guide{border:1px solid #79643e;padding:12px 15px;margin:4px 0 20px;background:#c5b79f}.style-game-guide summary{cursor:pointer;font:16px var(--heading)}.style-game-guide ol{font-size:13px;line-height:1.7;margin:12px 0 2px;padding-left:22px}.style-game-guide li+li{margin-top:7px}
.style-colour-widget{margin:16px 0;background:radial-gradient(ellipse at 20% 50%,#42392b80,transparent 65%),#24211e;border:1px solid #8e7343;padding:14px;color:#e0cfa5}.style-colour-widget h3{font:18px var(--heading);margin:0 0 8px;letter-spacing:.04em}body[data-view=styles] .style-colour-widget h3{color:#dfbb6c}.style-colour-widget-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:center}.style-orbit{width:210px;height:230px;position:relative}.style-orbit[data-count="5"]{height:270px}.style-orbit-icon{position:absolute;left:12px;top:calc(50% - 42px);width:84px;height:84px;border-radius:50%;border:2px dotted #8e764b6b;display:grid;place-items:center;background:#201b1480}.style-orbit-icon .style-category-icon{width:68px;height:68px}.style-orbit-icon img[src$="style-arm.png"]{width:82px;height:82px}
.style-colour-node{position:absolute;width:54px;height:54px;padding:0;border:0;background:none;border-radius:50%;isolation:isolate}.style-colour-node:before,.style-colour-node:after{content:'';position:absolute;inset:0;mask:url('/assets/ui/style-tint-backer.webp') center/100% 100% no-repeat;background:#a0874c;z-index:-2}.style-colour-node:after{inset:3px;background:#151410;z-index:-1}.style-colour-node .style-swatch{position:absolute;inset:0;width:100%;height:100%;mask:url('/assets/ui/style-tint-node.webp') center/100% 100% no-repeat;border:0;box-shadow:none}.style-colour-node .swatch-empty{background:#514a3c}.style-colour-node:is(:hover,:focus-visible){filter:brightness(1.25);outline:2px solid #dec37d;outline-offset:1px}.style-colour-node[data-node="0"]{left:96px;top:0}.style-colour-node[data-node="1"]{left:150px;top:54px}.style-colour-node[data-node="2"]{left:150px;top:122px}.style-colour-node[data-node="3"]{left:96px;top:176px}.style-orbit[data-count="5"] [data-node="1"]{top:49px;left:149px}.style-orbit[data-count="5"] [data-node="2"]{top:108px;left:157px}.style-orbit[data-count="5"] [data-node="3"]{top:167px;left:149px}.style-orbit[data-count="5"] [data-node="4"]{top:216px;left:96px}.style-orbit[data-count="3"] [data-node="1"]{top:88px;left:156px}.style-orbit[data-count="3"] [data-node="2"]{top:176px;left:96px}.style-orbit[data-count="1"] [data-node="0"]{left:149px;top:88px}.style-orbit[data-count="1"]{height:160px}.style-orbit[data-count="1"] [data-node="0"]{top:53px}.style-orbit.is-left{transform:scaleX(-1)}.style-orbit.is-left .style-orbit-icon{transform:scaleX(-1)}
.style-colour-instructions{display:grid;gap:7px}.style-colour-instruction{color:#e5d6b7;text-align:left;border:1px solid #88734960;background:#bba27d0b;padding:9px 10px;min-width:0}.style-colour-instruction small{display:block;font:11px var(--body);color:#b7a88d}.style-colour-instruction strong{display:block;font:13px var(--body);margin-top:4px;overflow-wrap:anywhere}.style-palette-strip{display:flex;gap:5px;margin-top:7px;align-items:center}.style-palette-strip>span{border:2px solid transparent;padding:2px;position:relative}.style-palette-strip .style-swatch{width:23px;height:23px;border:0;mask:url('/assets/ui/style-palette-ragged.webp') center/100% 100% no-repeat}.style-palette-strip .chosen{border-color:#e4c477}.style-palette-strip .chosen:after{content:'✓';position:absolute;right:1px;bottom:0;font:15px var(--body);color:white;text-shadow:0 1px 3px black,0 0 3px black}
.style-palettes{grid-template-columns:1fr;background:#23211e;padding:14px}.style-palettes section{background:transparent;border:0;border-bottom:1px solid #96773a70;padding:6px 0 20px}.style-palette-heading{min-height:40px;justify-content:center}.style-palette-heading img{width:44px;height:44px}.style-palette-heading h3{font:22px var(--heading);color:#dfb65f;text-align:center}.style-palette-options{gap:14px;margin-top:10px}.style-palette-options button{min-height:100px;border:0;background:transparent;mask:url('/assets/ui/style-palette-ragged.webp') center/100% 100% no-repeat}.style-palette-options button .style-swatch{height:100px}.style-palette-options button[aria-pressed=true]{outline:0;box-shadow:inset 0 0 0 4px #f8d885}
@media(min-width:1200px){.style-editor-settings .style-colour-widget-body{grid-template-columns:240px minmax(0,1fr)}.style-editor-settings .style-colour-instructions{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.style-colour-widget-body{grid-template-columns:1fr}.style-orbit{margin:0 auto}.style-colour-instructions{grid-template-columns:1fr 1fr}.style-colour-instructions .style-colour-instruction:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:420px){.style-colour-widget{padding:12px}.style-palette-heading h3{font-size:18px}.style-palette-options{gap:9px}.style-palette-options button,.style-palette-options button .style-swatch{min-height:64px;height:64px}.style-colour-instruction{padding:8px}.style-palette-strip{gap:2px}.style-palette-strip .style-swatch{width:21px;height:21px}}
body[data-view=styles] .style-settings.panel .style-colour-widget h3{color:#dfbb6c}body[data-view=styles] .style-game-guide summary{color:#423927}
button.style-orbit-icon{cursor:pointer;clip-path:circle(50%);color:#e0cfa5}button.style-orbit-icon:is(:hover,:focus-visible){background:#6c573940;border-color:#d0ad65;box-shadow:inset 0 0 0 2px #c9a768;outline:0}button.style-orbit-icon:hover .style-category-icon{filter:brightness(1.15)}.style-body-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.style-body-picker .style-category-icon{width:64px;height:64px;margin:10px 0}
/* One visual block per appearance or equipment choice. */
.style-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.style-widget-details{min-width:0}.style-widget-selection{display:flex;align-items:center;gap:16px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #9f845343;min-height:82px}.style-widget-selection>div{min-width:0}.style-widget-selection small{display:block;color:#b7a88d;font:11px var(--body);margin-bottom:4px}.style-widget-selection strong{display:block;color:#eed9a9;font:20px var(--heading);overflow-wrap:anywhere;line-height:1.3}.style-widget-selection span{display:block;color:#b7a88d;font:11px var(--body);margin-top:8px;line-height:1.5}.style-selected-art{width:82px;height:82px;object-fit:contain;flex:none}.style-orbit[data-count="0"]{height:124px}.style-orbit[data-count="0"] .style-orbit-icon{left:63px}.style-colour-widget:has(.style-orbit[data-count="0"]) .style-widget-selection{border:0;margin:0;padding:0}
@media(max-width:1100px){.style-widget-selection{justify-content:center}.style-widget-selection>div{flex:1}.style-colour-widget:has(.style-orbit[data-count="0"]) .style-colour-widget-body{grid-template-columns:100px minmax(0,1fr)}.style-orbit[data-count="0"]{width:100px}.style-orbit[data-count="0"] .style-orbit-icon{left:8px}}
@media(max-width:420px){.style-widget-selection{gap:12px}.style-selected-art{width:64px;height:64px}.style-widget-selection strong{font-size:17px}.style-tabs button{font-size:11px}}