.ys-stage{justify-items:center;gap:14px;width:100%;min-width:0;padding:4px 0 8px;display:grid}.ys-canvas{aspect-ratio:4/5;border-radius:18px;width:min(100%,380px);height:auto;box-shadow:0 16px 34px #00000059}.ys-row{grid-template-columns:110px minmax(0,1fr);gap:12px;display:grid}.ys-themes{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.ys-themes legend{margin-block-end:6px;font-weight:700}.ys-themes label{color:#fff;cursor:pointer;border:2px solid #0000;border-radius:12px;padding:10px 14px}.ys-themes label[data-theme=night]{background:linear-gradient(135deg,#243b6b,#0b1530)}.ys-themes label[data-theme=dawn]{background:linear-gradient(135deg,#ff8a65,#7b2d5f)}.ys-themes label[data-theme=forest]{background:linear-gradient(135deg,#2b8a3e,#0b3d2e)}.ys-themes label[data-checked=true]{border-color:#ffd43b}.ys-themes input{opacity:0;pointer-events:none;position:absolute}.ys-themes label:focus-within{outline-offset:2px;outline:3px solid #4dabf7}
