.studio-v2{background:#f7f4f9;padding:34px 0 95px;min-height:900px;color:#272644}.studio-v2-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.studio-v2-heading h1{font-size:clamp(36px,4vw,61px);line-height:1.08;margin:7px 0}.studio-v2-heading p{max-width:690px;color:#756e7f;font-size:14px;line-height:1.7}.studio-v2-back{display:block;margin-bottom:20px;color:#62558b;font-size:12px;font-weight:750}.studio-v2-stage{background:#ebe2f6;border:1px solid #d8cbea;color:#584777;border-radius:50px;padding:11px 17px;font-size:12px;white-space:nowrap;font-weight:800}.studio-v2-layout{display:grid;grid-template-columns:225px minmax(0,1fr) 270px;gap:17px;align-items:start}.studio-v2-sidebar,.studio-v2-order,.studio-v2-workspace{background:#fff;border:1px solid #ebe4f1;border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(35,25,60,.035)}.studio-v2 h2{font-size:18px;margin:0 0 13px}.studio-v2 h3{font-size:14px;margin:0 0 10px}.studio-v2-actions{display:grid;gap:9px}.studio-v2-actions button,.studio-v2-upload,.studio-v2-undo button{background:#f3f0f9;color:#382c59;border:1px solid #e8dfef;border-radius:10px;font-size:12px;text-align:left;padding:11px 12px;cursor:pointer;font-weight:750}.studio-v2-actions button:hover,.studio-v2-upload:hover,.studio-v2-undo button:hover{background:#e6ddf3}.studio-v2-upload{display:block;cursor:pointer}.studio-v2-actions label:not(.studio-v2-upload){display:grid;gap:6px;font-size:12px;color:#665e75;font-weight:700}.studio-v2-actions input[type=color]{width:100%;height:38px;border:1px solid #ded5ec;border-radius:8px;cursor:pointer;background:white}.studio-v2-actions input[type=range]{width:100%;accent-color:#7561aa}.studio-v2-help{margin-top:22px;padding:15px;border-radius:13px;background:#f8f5fb}.studio-v2-help p{font-size:12px;color:#746d80;line-height:1.65}.studio-v2-workspace{padding:23px 20px 27px;min-width:0}.studio-v2-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.studio-v2-workspace-head h2{margin:0;font-size:18px}.studio-v2-workspace-head p{color:#867f90;font-size:11px;margin:5px 0 0}.studio-v2-undo{display:flex;gap:6px}.studio-v2-undo button{white-space:nowrap;padding:9px 11px}.studio-v2-stage-wrap{margin-top:35px;padding:35px 10px 15px;border-radius:15px;background:repeating-linear-gradient(45deg,#f1eff4,#f1eff4 10px,#eceaf0 10px,#eceaf0 20px);overflow:hidden}.studio-v2-canvas-container{position:relative;width:min(100%,800px);margin:0 auto;box-shadow:0 15px 30px rgba(30,28,47,.1);aspect-ratio:25/12;background:#fff}.studio-v2-canvas-container .canvas-container{transform-origin:top left;width:100%!important;height:100%!important}.studio-v2-canvas-container canvas{max-width:100%;display:block}.studio-v2-canvas-container .upper-canvas{touch-action:none}.studio-v2-safety,.studio-v2-midline{pointer-events:none;position:absolute;z-index:5}.studio-v2-safety{inset:5.2%;border:1px dashed #b5a3cb;opacity:.52}.studio-v2-midline{top:0;bottom:0;left:50%;border-left:1px dashed #aa9bbb;opacity:.62}.studio-v2-ruler{display:flex;justify-content:space-between;max-width:800px;margin:13px auto 0;color:#746d7d;font-size:11px;font-weight:700}.studio-v2-status{margin-top:17px;font-size:12px;padding:12px 15px;background:#f1edf7;color:#62577b;border-radius:10px;line-height:1.5;overflow-wrap:anywhere}.studio-v2-status[data-error=true]{background:#fff0ea;color:#9d4935}.studio-v2-previewbox{margin-top:26px;border-top:1px solid #efebf3;padding-top:24px}.studio-v2-preview{display:flex;align-items:center;justify-content:space-around;gap:24px;min-height:200px}.studio-v2-preview>p{font-size:12px;color:#81788e;line-height:1.6;max-width:155px}.studio-v2-previewmug{position:relative;background:linear-gradient(110deg,#dedde0 0%,#fff 26%,#fff 73%,#d5d0d9 100%);border:2px solid #ded8e5;box-shadow:0 12px 24px rgba(44,35,60,.12);border-radius:5px 5px 23px 23px;width:195px;height:145px;flex-shrink:0;z-index:2;overflow:visible}.studio-v2-previewmug:before{content:'';position:absolute;top:-9px;left:-2px;width:100%;height:17px;border-radius:50%;background:radial-gradient(ellipse,#eee,#fff 57%,#cfcdd0 75%);border:1px solid #dbd6dc;z-index:3}.studio-v2-previewart{position:absolute;inset:12px 0 15px;overflow:hidden;border-radius:4px 4px 17px 17px}.studio-v2-previewart img{position:absolute;max-width:none;width:280%;height:100%;left:-90%;object-fit:fill;filter:contrast(.99)}.studio-v2-handle{position:absolute;z-index:-1;right:-46px;top:22px;width:55px;height:93px;border:18px solid #ded9e2;border-left:0;border-radius:0 55% 55% 0}.studio-v2-order label{font-size:12px;color:#5c526d;font-weight:800;display:block;margin:16px 0 7px}.studio-v2-order select{width:100%;padding:12px;border-radius:10px;border:1px solid #dfd7e8;background:#faf9fc;color:#363048;min-height:46px}.studio-v2-small{font-size:11px;color:#83788f;line-height:1.6;margin:10px 0}.studio-v2-spec{border:1px solid #e8e0ef;background:#faf8fc;border-radius:14px;padding:16px;margin:26px 0}.studio-v2-spec b,.studio-v2-spec strong,.studio-v2-spec span{display:block}.studio-v2-spec b{font-size:12px;color:#615773}.studio-v2-spec strong{font-size:23px;margin:10px 0 6px;color:#30294a}.studio-v2-spec span{font-size:12px;color:#8d829a}.studio-v2-quality{padding:12px;font-size:12px;line-height:1.7;border-radius:10px;background:#f6f3fa;color:#615772;margin-bottom:14px}.studio-v2-quality[data-quality=warning]{background:#fff2e9;color:#a14a27}.studio-v2-primary,.studio-v2-secondary,.studio-v2-muted{display:block;width:100%;text-align:center;cursor:pointer;padding:13px 11px;font-size:12px;font-weight:850;border-radius:10px;margin:8px 0}.studio-v2-primary{background:#292248;color:#fff;border:1px solid #292248}.studio-v2-primary:hover{background:#4a397c}.studio-v2-secondary{background:#fff;color:#3e3369;border:1px solid #bfb0d6}.studio-v2-muted{background:transparent;border:0;text-decoration:underline;color:#81768b}.studio-v2-warning{font-size:11px;line-height:1.7;background:#fff2e7;color:#8e573b;padding:12px;border-radius:10px;margin:18px 0}.studio-v2-bottom-link{font-size:12px;font-weight:800;color:#514080}.studio-v2 button:focus-visible,.studio-v2 select:focus-visible{outline:2px solid #9c78e2;outline-offset:3px}@media(max-width:1180px){.studio-v2-layout{grid-template-columns:215px minmax(0,1fr)}.studio-v2-order{grid-column:2}.studio-v2-heading{align-items:start}}@media(max-width:820px){.studio-v2-layout{grid-template-columns:1fr}.studio-v2-order{grid-column:auto}.studio-v2-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-v2-stage{display:none}.studio-v2-workspace-head{flex-wrap:wrap}.studio-v2-preview{flex-wrap:wrap}}@media(max-width:480px){.studio-v2-sidebar,.studio-v2-order,.studio-v2-workspace{padding:16px}.studio-v2-actions{grid-template-columns:1fr}.studio-v2-stage-wrap{padding:20px 4px 12px}.studio-v2-undo button{font-size:11px;padding:7px}}

/* 3D preview — interactive approximation, not a Gelato proof */
.studio-v2-previewheading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.studio-v2-previewheading h3{font-size:18px;margin:0 0 5px;color:#302642}
.studio-v2-previewheading p{margin:0;max-width:400px;color:#81748e;font-size:12px;line-height:1.55}
.studio-v2-3d-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #dacfe8;background:#f4eefb;color:#5a4778;border-radius:40px;padding:7px 11px;font-size:10px;font-weight:800;white-space:nowrap}
.studio-v2-three{margin-top:10px;min-width:0}
.studio-v2-three-stage{height:clamp(260px,31vw,335px);min-height:260px;border:1px solid #eee7f4;border-radius:15px;position:relative;background:radial-gradient(ellipse at 48% 30%,#ffffff 0%,#faf9fd 46%,#efeaf7 100%);overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:3px}
.studio-v2-three-stage:focus-visible{outline:3px solid #8d71c3}
.studio-v2-three-stage.is-dragging{cursor:grabbing}
.studio-v2-three-stage canvas.studio-v2-three-canvas{display:block;width:100%;height:100%}
.studio-v2-three-loading{position:absolute;inset:0;display:grid;place-items:center;color:#70617f;font-size:12px;text-align:center;padding:18px;pointer-events:none}
.studio-v2-three-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 0}
.studio-v2-three-tools button{border:1px solid #e0d7eb;background:#f9f6fc;color:#51436e;border-radius:10px;font-size:11px;font-weight:800;padding:10px 11px;min-height:40px;cursor:pointer;transition:background .16s}
.studio-v2-three-tools button:hover:not(:disabled){background:#efe7f8}
.studio-v2-three-tools button:focus-visible{outline:2px solid #8d71c3;outline-offset:2px}
.studio-v2-three-tools button[aria-pressed=true]{background:#eae0f6;border-color:#b8a5da}
.studio-v2-three-tools button:disabled{opacity:.6;cursor:not-allowed}
.studio-v2-three-tip{font-size:11px;text-align:center;color:#797083;margin-top:10px}
.studio-v2-three-disclaimer{font-size:11px;color:#847b90;line-height:1.6;margin:16px 0 0}
.studio-v2-preview[hidden],.studio-v2-three[hidden],.studio-v2-three-stage[hidden]{display:none!important}
@media(max-width:560px){.studio-v2-three-stage{height:270px}.studio-v2-three-tools button{flex:1 1 auto;padding:10px 8px}.studio-v2-previewheading h3{font-size:16px}}