.s5a-studio{margin:24px 0 26px;padding:23px;border:1px solid #e8c7cf;border-radius:23px;background:linear-gradient(160deg,#fffaf9 0%,#fff7f5 52%,#f9eaf0 100%);box-shadow:0 10px 32px #a85c7021;color:#765166}.s5a-top{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:18px}.s5a-top span:first-child,.s5a-subtitle{font-size:11px;font-weight:800;letter-spacing:1.25px;color:#a47483}.s5a-top h2{margin:7px 0 8px;color:#824e67;font:normal clamp(24px,3vw,33px) Georgia,serif}.s5a-top p{font-size:13px;margin:0;color:#96737d}.s5a-phase{border-radius:24px;padding:10px 13px;white-space:nowrap;background:#f1d8e1;color:#8b5670;font-size:11px;font-weight:800}.s5a-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.72fr);gap:19px}.s5a-preview,.s5a-side{min-width:0}.s5a-canvas-wrap{height:clamp(460px,55vw,690px);position:relative;overflow:hidden;border-radius:21px;border:1px solid #ead4cf;background:radial-gradient(ellipse at 48% 25%,#fffdf9 0%,#f9f0e9 52%,#edd8d8 100%)}.s5a-canvas-wrap::before{position:absolute;content:"";bottom:9%;height:15px;left:20%;right:20%;background:#95656f3a;filter:blur(19px);border-radius:50%}.s5a-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;display:block;z-index:1}.s5a-canvas-wrap canvas:active{cursor:grabbing}.s5a-canvas-title{position:absolute;top:16px;left:19px;z-index:2;display:flex;flex-direction:column;gap:2px;pointer-events:none}.s5a-canvas-title em{font:italic 22px Georgia,serif;color:#a57283}.s5a-canvas-title small{font-size:10px;color:#a88388;letter-spacing:.3px}.s5a-loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font-size:13px;color:#785467;z-index:2}.s5a-stage-note{position:absolute;bottom:18px;left:15px;right:15px;text-align:center;font-size:11px;z-index:2;color:#a18387;pointer-events:none}.s5a-camera{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:12px}.s5a-camera button,.s5a-zones button,.s5a-mats button,.s5a-light button{border:1px solid #e4c4c9;border-radius:10px;background:#fffdfb;padding:9px 12px;color:#7b5667;font:600 12px inherit;cursor:pointer;min-height:36px}.s5a-camera button:hover,.s5a-zones button.active,.s5a-mats button.active,.s5a-light button.active{background:#eecedb;border-color:#c88ca8;color:#6b3d56}.s5a-side{background:#fffdfbbf;border:1px solid #ecd9d9;border-radius:18px;padding:18px}.s5a-side h3{font:normal 24px Georgia,serif;color:#83566a;margin:7px 0}.s5a-side>p{font-size:12px;line-height:1.7;color:#956f7c}.s5a-subtitle{margin:17px 0 9px}.s5a-zones,.s5a-light{display:flex;gap:7px;flex-wrap:wrap}.s5a-current{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#886571;padding:12px 0}.s5a-current b{text-align:right;color:#78495e}.s5a-colors{display:flex;flex-wrap:wrap;gap:7px}.s5a-colors button{border:2px solid transparent;background:transparent;width:31px;height:31px;border-radius:50%;padding:3px;cursor:pointer}.s5a-colors button.active{border-color:#c66b91}.s5a-colors i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid #b4a2a3}.s5a-mats{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.s5a-mats button{padding:7px 9px;font-size:11px;min-height:31px}.s5a-acts{display:flex;flex-direction:column;gap:9px;margin-top:18px}.s5a-acts .btn{width:100%}.s5a-side .s5a-clarity{font-size:11px;line-height:1.6;border-top:1px solid #e9d7d9;padding-top:11px;color:#a17e88}@media(max-width:830px){.s5a-layout{grid-template-columns:minmax(0,1fr)}.s5a-side{padding:15px}.s5a-canvas-wrap{height:560px}}@media(max-width:520px){.s5a-studio{padding:12px;margin:16px 0;border-radius:16px}.s5a-top{flex-direction:column;gap:8px}.s5a-phase{align-self:flex-start}.s5a-top h2{font-size:25px}.s5a-canvas-wrap{height:430px}.s5a-canvas-title em{font-size:18px}.s5a-camera button{padding:7px 8px;font-size:11px}.s5a-side h3{font-size:21px}}