#product-editor.editor{width:min(960px,calc(100vw - 32px));max-width:960px}.detail-section-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.detail-section-list>div{display:flex;align-items:center;border:1px solid var(--line,var(--line,#e2e6ed));border-radius:6px;overflow:hidden}.detail-section-tab,.detail-order-btn{border:0;background:#fff;color:var(--ink,#202733);min-height:40px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.detail-section-tab.active{background:var(--blue-soft,#edf1fd);color:var(--blue,#2c49b7);font-weight:600}.detail-order-btn{padding:8px;font-size:11px}.detail-order-btn:disabled{opacity:.4;cursor:default}.design-inspector{margin-bottom:20px}.design-photo-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0}.design-photo-tools label{flex:1;min-width:180px;margin:0!important}.design-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;font-size:13px}.design-stage-heading span{font-size:11px;color:var(--muted,#636c79)}.design-stage{padding:36px 20px 20px;background:#f6f4ef;border:1px solid var(--line,#e2e6ed);overflow:hidden;--serif:'Cormorant Garamond',Georgia,serif}.design-stage .dd-block{margin:0;padding:0}.design-stage .dd-canvas-shell{padding:16px}.design-stage .dd-canvas{min-height:250px}.design-stage .dd-canvas-text{outline:1px dashed var(--blue,#2c49b7)}.design-stage .dd-canvas-photo{outline:1px dashed var(--blue,#2c49b7)}.design-stage .object-photo.admin-base-photo{display:block;background-image:var(--photo);background-size:300% auto;background-position:var(--shot-x) var(--shot-y);aspect-ratio:1;width:100%;height:auto}.design-stage .dd-media img{width:100%;height:auto;display:block}.canvas-drag-handle{position:absolute;top:-28px;left:0;height:28px;padding:4px 10px;border:0;background:var(--blue,#2c49b7);color:#fff;border-radius:4px 4px 0 0;cursor:grab;touch-action:none;font:inherit;font-size:11px;white-space:nowrap}.canvas-drag-handle:active{cursor:grabbing}.canvas-resize-handle{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;border:2px solid #fff;background:var(--blue,#2c49b7);cursor:ew-resize;touch-action:none;border-radius:3px}.canvas-selected{outline:2px solid var(--blue,#2c49b7)!important}.design-position-controls,.design-scene-heading,.design-full-preview{border-top:1px solid var(--line,#e2e6ed);padding:16px 0;margin-top:20px}.design-position-controls summary,.design-scene-heading summary,.design-full-preview summary{font-weight:600;cursor:pointer;margin-bottom:14px}.design-position-controls h4{font-size:12px;margin:18px 0 8px}.design-color-group{border-top:1px solid var(--line,#e2e6ed);margin-top:24px;padding-top:22px}.design-color-group h4{font-size:15px;margin:0 0 8px}.design-color-group img{width:100%;max-height:380px;object-fit:contain;display:block;background:#f6f4ef;margin-bottom:12px}.design-empty-photo{padding:28px 16px;text-align:center;background:#f6f4ef;color:var(--muted,#636c79);font-size:12px;margin:14px 0}.design-full-preview iframe{display:block;width:100%;max-width:100%;height:650px;margin:14px auto 0;border:1px solid var(--line,#e2e6ed);background:#f6f4ef}.design-full-preview [aria-pressed=true]{background:var(--blue-soft,#edf1fd);color:var(--blue,#2c49b7)}.design-inspector input,.design-inspector textarea{caret-color:var(--blue,#2c49b7)}#detail-design-editor :focus-visible{outline:2px solid var(--blue,#2c49b7);outline-offset:3px}#detail-design-editor ::selection{background:var(--blue-soft,#edf1fd);color:var(--blue,#2c49b7)}@media(max-width:600px){#product-editor.editor{width:calc(100vw - 16px)}.design-stage{padding:32px 10px 16px}.design-stage-heading{display:block}.design-stage-heading span{display:block;margin-top:6px}.design-photo-tools .btn{min-height:40px}.design-stage .dd-canvas-text h2{font-size:calc(var(--heading-size,52) * .1cqw)}.design-stage .dd-canvas-text p{font-size:calc(var(--body-size,14) * .1cqw)}.design-position-controls input{font-size:16px}.design-stage .dd-canvas{min-height:240px}.detail-section-list{display:grid;grid-template-columns:1fr}.detail-section-tab{flex:1;text-align:left}}
.design-stage .object-photo.admin-base-photo{background-image:none;background-position:initial;background-size:initial}.canvas-drag-handle{min-height:32px;top:-32px}.canvas-resize-handle::after{content:"";position:absolute;inset:-10px}@media(max-width:600px){.design-stage{overflow:auto}.design-stage .dd-canvas-shell{width:760px}.design-stage-heading span::after{content:' · 가로 스크롤로 캔버스 이동'}}
