/* V19 avatar studio and reading layout: simplify interaction, preserve touch targets. */
.oc-studio{align-items:start;gap:18px}
.oc-studio .oc-stage{min-width:0;border:1px solid #c5adca;background:radial-gradient(circle at 50% 26%,#fffdfa 0,#efe3f0 63%,#e0d1e9 100%);box-shadow:0 10px 32px #382b4921;isolation:isolate}
.oc-studio .oc-stage .cc-avatar-preview{width:100%;max-width:340px;min-height:300px;padding:0;overflow:visible}
.oc-studio .oc-stage .cc-avatar-svg{width:min(100%,300px);max-width:300px;max-height:370px;filter:drop-shadow(0 10px 8px #3f34502b)}
.oc-studio .oc-stage-label{max-width:260px;color:#5d5061;line-height:1.45}
.oc-form{min-width:0;gap:14px}
.oc-form .card{padding:16px 17px;border-radius:18px;box-shadow:0 3px 14px #3f305014}
.oc-form .oc-picker{margin:16px 0}
.oc-form .oc-picker h4{font-size:.91rem;margin:0 0 8px}
.oc-form .oc-option-grid{max-height:none;overflow:visible;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px;background:color-mix(in srgb,var(--subtle) 60%,transparent)}
.oc-form .oc-option{min-height:101px;border:1px solid var(--line);border-radius:14px;transition:border-color .12s,background .12s;padding:5px}
.oc-form .oc-option.selected{border:3px solid var(--primary);padding:3px;box-shadow:none}
.oc-form .oc-option .oc-mini{height:66px;width:100%;overflow:hidden}
.oc-form .oc-option .oc-mini svg{width:100%;height:68px;max-height:68px;max-width:100%;transform:none;object-fit:contain}
.oc-form .oc-option span{font-size:.72rem;min-height:25px;display:grid;place-content:center}
.oc-form fieldset{border:0}
.oc-form .oc-swatches{margin-top:15px;margin-bottom:16px;gap:10px}
.oc-form .oc-swatch{width:38px;height:38px;min-width:38px;min-height:38px;border:2px solid #756b78;box-shadow:inset 0 1px 3px #0002;position:relative}
.oc-form .oc-swatch.selected::after{content:'✓';color:white;text-shadow:0 1px 3px #000;font-weight:900;font-size:1.15rem;position:absolute;inset:0;display:grid;place-items:center}
.oc-form select,.oc-form input[type=color]{cursor:pointer;min-height:45px}
.oc-form input[type=color]{padding:4px;border-radius:12px;min-width:48px;width:100%}
.oc-form button:focus-visible,.oc-form select:focus-visible,.oc-form input:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
@media(min-width:1050px){.oc-studio{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr)}.oc-studio .oc-stage{position:sticky;top:90px}}
@media(max-width:660px){.oc-form .oc-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-studio .oc-stage{position:relative;top:auto}.oc-studio .oc-stage .cc-avatar-svg{max-height:290px}.oc-studio .oc-stage .cc-avatar-preview{min-height:220px}.oc-form .oc-swatches{gap:8px}}