:root{--studio-orange:#f4511e;--studio-ink:#151922;--studio-muted:#6f7782;--studio-line:#e5e8ec;--studio-soft:#f6f7f9}
.product-gallery.has-product-studio{align-items:start}
.studio-thumb{position:relative;display:grid;place-items:center;width:72px;height:72px;padding:0;border:1px solid #ffbea8;border-radius:8px;background:linear-gradient(145deg,#fff8f4,#ffe9e1);color:#d83a0d;cursor:pointer;overflow:hidden}
.studio-thumb strong{font-size:17px;line-height:1}.studio-thumb small{font-size:8px;font-weight:900;letter-spacing:.08em}.studio-thumb:after{content:"";position:absolute;inset:4px;border:1px dashed rgba(244,81,30,.34);border-radius:6px}
.studio-thumb.active,.studio-thumb:hover{border:2px solid var(--studio-orange);box-shadow:0 5px 14px rgba(244,81,30,.17)}
.has-product-studio .main-product-stage.studio-active .main-product-image{display:none}
.product-studio{display:none;position:relative;width:100%;min-height:540px;border:1px solid #e7eaee;border-radius:14px;background:radial-gradient(circle at 50% 30%,#fff 0,#f6f7f9 58%,#eceff3 100%);overflow:hidden;isolation:isolate}
.product-studio[data-studio-type="frame"]{background:radial-gradient(ellipse at 50% 43%,rgba(255,255,255,.96) 0,rgba(249,246,240,.94) 42%,rgba(226,220,210,.95) 100%),repeating-linear-gradient(90deg,rgba(130,103,72,.035) 0,rgba(130,103,72,.035) 1px,transparent 1px,transparent 8px)}
.product-studio[data-studio-type="frame"]:before{content:"";position:absolute;left:9%;right:9%;bottom:12%;height:15%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(24,29,37,.19),rgba(24,29,37,0) 68%);filter:blur(12px);pointer-events:none}
.main-product-stage.studio-active .product-studio{display:block}
.studio-canvas-wrap{position:relative;width:100%;height:540px;touch-action:none;cursor:grab}.studio-canvas-wrap.dragging{cursor:grabbing}
.studio-canvas{display:block;width:100%;height:100%;outline:0}
.studio-badge{position:absolute;left:14px;top:14px;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);box-shadow:0 5px 15px rgba(15,23,42,.08);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.studio-badge i{width:7px;height:7px;border-radius:50%;background:#1bb45e;box-shadow:0 0 0 4px rgba(27,180,94,.14)}
.studio-hint{position:absolute;left:50%;bottom:14px;z-index:3;transform:translateX(-50%);padding:7px 11px;border-radius:18px;background:rgba(17,24,39,.76);color:#fff;font-size:9px;font-weight:750;white-space:nowrap;pointer-events:none;transition:.25s}.product-studio.user-moved .studio-hint{opacity:0}
.studio-view-actions{position:absolute;right:12px;top:12px;z-index:4;display:grid;gap:7px}.studio-view-actions button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #dfe3e8;border-radius:50%;background:rgba(255,255,255,.94);color:#202631;font-size:16px;cursor:pointer;box-shadow:0 5px 15px rgba(15,23,42,.09)}.studio-view-actions button:hover,.studio-view-actions button.active{border-color:var(--studio-orange);color:var(--studio-orange);background:#fff5f1}
.studio-angle-presets{position:absolute;left:50%;top:14px;z-index:4;display:flex;gap:4px;transform:translateX(-50%);padding:4px;border:1px solid rgba(255,255,255,.88);border-radius:22px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:0 5px 18px rgba(15,23,42,.08)}.studio-angle-presets button{min-width:43px;height:27px;padding:0 9px;border:0;border-radius:16px;background:transparent;color:#5f6874;font-size:8px;font-weight:850;cursor:pointer}.studio-angle-presets button:hover,.studio-angle-presets button.active{background:#18202b;color:#fff}
.studio-loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(246,247,249,.94);color:#3d4652;font-size:12px;font-weight:800}.studio-loading[hidden]{display:none}
.studio-unsupported{position:absolute;inset:0;z-index:9;display:none;place-items:center;padding:30px;text-align:center;background:#f7f8fa}.studio-unsupported.show{display:grid}.studio-unsupported b{display:block;margin-bottom:6px;font-size:17px}.studio-unsupported span{color:#707986;font-size:11px;line-height:1.5}
.studio-editor{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.78);border-radius:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 12px 35px rgba(15,23,42,.14);transform:translateY(calc(100% + 18px));opacity:0;pointer-events:none;transition:.22s}
.product-studio.editor-open .studio-editor{transform:none;opacity:1;pointer-events:auto}.product-studio.editor-open .studio-hint{display:none}
.studio-upload{display:flex;align-items:center;gap:9px;min-width:0}.studio-upload>label{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 11px;border:1px dashed #ff9d7d;border-radius:9px;background:#fff7f3;color:#d63c0e;cursor:pointer}.studio-upload>label input{position:absolute;opacity:0;pointer-events:none}.studio-upload>label b{font-size:10px}.studio-upload>label small{display:block;max-width:180px;overflow:hidden;color:#707986;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.studio-upload .quality{display:grid;gap:2px}.studio-upload .quality b{font-size:9px}.studio-upload .quality span{color:#6f7782;font-size:8px}.studio-upload .quality.good b{color:#0e9a4e}.studio-upload .quality.warn b{color:#cf6b00}.studio-upload .quality.low b{color:#c52828}
.studio-editor-buttons{display:flex;align-items:center;gap:6px}.studio-editor-buttons button{min-height:34px;padding:0 11px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#303743;font-size:9px;font-weight:800;cursor:pointer}.studio-editor-buttons .primary{border-color:var(--studio-orange);background:var(--studio-orange);color:#fff}
.studio-controls{position:absolute;left:12px;right:12px;bottom:74px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:12px;background:rgba(21,25,34,.9);color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.22);transform:translateY(15px);opacity:0;pointer-events:none;transition:.2s}.product-studio.editor-open .studio-controls{transform:none;opacity:1;pointer-events:auto}.studio-controls label{display:grid;gap:4px;font-size:8px;font-weight:800}.studio-controls input[type=range]{width:100%;accent-color:#ff6233}.studio-controls output{color:#ffb59e;font-size:8px}
.studio-save-state{position:absolute;left:50%;top:14px;z-index:7;transform:translate(-50%,-15px);padding:8px 12px;border-radius:20px;background:#17202a;color:#fff;font-size:9px;font-weight:800;opacity:0;pointer-events:none;transition:.2s}.studio-save-state.show{transform:translate(-50%,0);opacity:1}.studio-save-state.error{background:#b42318}
.studio-measure{position:absolute;right:58px;bottom:15px;z-index:3;padding:6px 9px;border:1px solid rgba(255,255,255,.75);border-radius:16px;background:rgba(255,255,255,.85);color:#5f6874;font-size:8px;font-weight:800;backdrop-filter:blur(8px)}
.studio-fullscreen{position:fixed!important;inset:10px!important;z-index:99999!important;width:auto!important;height:auto!important;min-height:0!important;border-radius:16px!important}.studio-fullscreen .studio-canvas-wrap{height:calc(100vh - 20px)!important}.studio-fullscreen .studio-editor{left:18px;right:18px;bottom:18px}.studio-fullscreen .studio-controls{left:18px;right:18px;bottom:80px}
.studio-order-note{display:flex;align-items:center;gap:8px;margin:9px 0 0;padding:9px 10px;border-radius:9px;background:#eefbf3;color:#087942;font-size:9px;font-weight:750}.studio-order-note:before{content:'360°';display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#d8f7e5;color:#087942;font-size:8px;font-weight:900}
.studio-design-code{color:#087942;font-weight:900}
.admin-studio-card{border:1px solid #dbe7ff!important;background:linear-gradient(145deg,#fff,#f5f9ff)!important}.admin-studio-card .panel-head{background:linear-gradient(90deg,#edf5ff,#fff6f1)}.admin-studio-badge{display:inline-flex;padding:5px 9px;border-radius:20px;background:#18202b;color:#fff;font-size:9px;font-weight:850;letter-spacing:.05em}.studio-admin-preview{display:grid;place-items:center;min-height:130px;border:1px dashed #b9c8dc;border-radius:11px;background:radial-gradient(circle,#fff,#eef3f8);color:#4d5a69;text-align:center}.studio-admin-preview b{font-size:32px}.studio-admin-preview span{display:block;margin-top:5px;font-size:10px}
@media(max-width:820px){.product-studio,.studio-canvas-wrap{min-height:440px;height:440px}.studio-controls{grid-template-columns:repeat(2,1fr);bottom:80px}.studio-editor{grid-template-columns:1fr}.studio-editor-buttons{justify-content:stretch}.studio-editor-buttons button{flex:1}.studio-measure{display:none}}
@media(max-width:560px){.studio-thumb{width:62px;height:62px}.product-studio,.studio-canvas-wrap{min-height:390px;height:390px}.studio-view-actions{right:8px;top:8px}.studio-view-actions button{width:34px;height:34px}.studio-badge{left:9px;top:9px}.studio-angle-presets{top:auto;bottom:44px}.studio-angle-presets button{min-width:38px;padding:0 7px}.studio-hint{bottom:10px;font-size:8px}.studio-editor{left:8px;right:8px;bottom:8px;padding:8px}.studio-upload{align-items:stretch;flex-direction:column}.studio-upload>label{justify-content:center}.studio-controls{left:8px;right:8px;bottom:110px}.studio-fullscreen{inset:0!important;border-radius:0!important}.studio-fullscreen .studio-canvas-wrap{height:100vh!important}}