.g-paint-studio{--ps-ink:#e5322d;align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;max-width:820px;display:flex}.ps-sheet{aspect-ratio:4/3;border:2px solid var(--c-border-strong);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-xs);background:#fff;position:relative;overflow:hidden}.ps-canvas,.ps-stencil{width:100%;height:100%;position:absolute;inset:0}.ps-canvas{touch-action:none;cursor:crosshair}.ps-canvas:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px}.ps-stencil{pointer-events:none;fill:none;stroke:#2b2b36;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.ps-cursor{margin-inline-start:-13px;border:2px dashed var(--c-text-dim);pointer-events:none;opacity:0;width:26px;height:26px;transition:opacity var(--dur) var(--ease);border-radius:50%;margin-top:-13px;position:absolute}.ps-canvas:focus-visible~.ps-cursor{opacity:1}.ps-cursor.is-down{border-style:solid;border-color:var(--ps-ink,var(--c-brand));background:color-mix(in srgb, var(--ps-ink,var(--c-brand)) 25%, transparent);border-width:3px}.ps-tools{gap:var(--sp-2);flex-direction:column;width:100%;display:flex}.ps-row{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ps-tool{min-width:var(--tap);height:var(--tap);padding-inline:var(--sp-2);border:2px solid var(--c-border-control);border-radius:var(--r-md);background:var(--c-surface);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);place-items:center;font-size:1.25rem;line-height:1;display:grid}.ps-tool.is-active{border-color:var(--c-brand);background:var(--c-brand-soft)}.ps-tool--clear.is-active,.ps-tool--clear:hover{border-color:var(--c-warn)}.ps-tool.is-off{opacity:.45}.ps-brush{width:var(--tap);height:var(--tap);border:2px solid var(--c-border-control);border-radius:var(--r-md);background:var(--c-surface);place-items:center;display:grid}.ps-brush__dot{background:var(--ps-ink,var(--c-text));box-shadow:inset 0 0 0 1px var(--c-border-strong);border-radius:50%;display:block}.ps-brush.is-active{border-color:var(--c-brand);background:var(--c-brand-soft)}.ps-color{width:var(--tap);height:var(--tap);border:3px solid var(--c-border-control);background:var(--swatch,#000);transition:transform .12s ease, border-color var(--dur) var(--ease);border-radius:50%}.ps-color.is-active{border-color:var(--c-text);box-shadow:var(--shadow-focus);transform:scale(1.12)}.ps-stencilbtn{min-height:var(--tap);padding-inline:var(--sp-3);border:2px solid var(--c-border-control);border-radius:var(--r-full);background:var(--c-surface);color:var(--c-text);font-weight:var(--fw-semi)}.ps-stencilbtn.is-active{border-color:var(--c-brand);background:var(--c-brand-soft);color:var(--c-brand)}@media (prefers-reduced-motion:reduce){.ps-color.is-active{transform:none}.ps-cursor{transition:none}}@media (max-width:480px){.ps-row{gap:var(--sp-1)}.ps-stencilbtn{padding-inline:var(--sp-2);font-size:var(--fs-sm)}}