#pgCreator .button-options[hidden],#pgCreator .button-product-fallback[hidden]{display:none!important}
#pgCreator .button-options{padding:16px;border-top:1px solid #e8e4df;display:grid;gap:9px}
#pgCreator .button-options h3{margin:0 0 4px;font-size:16px}
#pgCreator .button-options label,#pgCreator .button-product-fallback label{font-size:13px;font-weight:700}
#pgCreator .button-options select,#pgCreator .button-options input[type=number],#pgCreator .button-product-fallback select{width:100%;min-height:44px;padding:10px;border:1px solid #d7dbe1;border-radius:9px;font:inherit;background:white;color:#202027}
#pgCreator .button-options input[type=color]{width:100%;height:42px;border:1px solid #ddd;border-radius:8px;background:#fff;padding:4px}
#pgCreator .button-options small,#pgCreator .button-options p,#pgCreator .button-product-fallback small{font-size:12px;line-height:1.55;color:#656b76}
#pgCreator #buttonPrice{font-size:15px;font-weight:800;color:#262630;margin:5px 0}
#pgCreator .button-options table{width:100%;font-size:13px;border-collapse:collapse;margin-top:8px}
#pgCreator .button-options td,#pgCreator .button-options th{padding:7px;text-align:left;border-bottom:1px solid #eee}
#pgCreator .button-options tr.is-current{background:#fff0f2;color:#a40d28;font-weight:700}
#pgCreator .button-options summary{font-size:13px;cursor:pointer;min-height:32px}
#pgCreator .button-product-fallback{padding:16px;display:grid;gap:8px}
#pgCreator.button-mode .cs-product-colors,#pgCreator.button-mode .creator-3d-card,#pgCreator.button-mode .creator-area-help,#pgCreator.button-mode .ci,#pgCreator.button-mode .creator-safe-area,#pgCreator.button-mode .pb,#pgCreator.button-mode .pal{display:none!important}
#pgCreator .button-guides,#pgCreator .button-guide-help,#pgCreator .button-preview-card{display:none}
#pgCreator.button-mode #mstage,#pgCreator.button-mode #pa{aspect-ratio:1!important}
#pgCreator.button-mode #mstage{max-width:540px!important;margin-inline:auto;background:#f5f5f3!important}
#pgCreator.button-mode #pa{background:#f5f5f3!important}
#pgCreator.button-mode .creator-print-scroll.is-zoomed #mstage{max-width:none!important}
#pgCreator.button-mode .button-guides{display:block;position:absolute;inset:0;pointer-events:none;z-index:2}
#pgCreator .button-guides span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;box-sizing:border-box}
#pgCreator .button-cut-guide{width:var(--button-cut);border:1.5px solid #e63946}
#pgCreator .button-print-guide{width:var(--button-print);border:1.5px dashed #2864cf}
#pgCreator .button-front-guide{width:var(--button-front);border:1.5px dashed #c57b16}
#pgCreator .button-roll-guide{width:var(--button-print);background:radial-gradient(closest-side,transparent var(--button-front-ratio),#f4b54a35 var(--button-front-ratio),#f4b54a35 100%)}
#pgCreator.button-mode .button-guide-help{display:block;font-size:12px;line-height:1.65;color:#656b76;margin:14px 0 0}
#pgCreator.button-mode .button-preview-card{display:block;order:2;width:100%;background:#fff;border:1px solid #e2dfda;border-radius:16px;padding:18px;box-sizing:border-box}
#pgCreator .button-preview-card h2{font-family:inherit;font-weight:800;font-size:16px;line-height:1.4;margin:0 0 12px}
#pgCreator .button-preview-card canvas{display:block;width:min(100%,280px);height:auto;margin:10px auto;filter:drop-shadow(0 8px 8px #00000016)}
#pgCreator .button-preview-card p{font-size:12px;color:#656b76;line-height:1.55;margin:12px 0 0}
#pgCreator .button-3d-view{height:360px;min-width:0;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#fff 0,#eeede9 100%);overflow:hidden}
#pgCreator .button-3d-view canvas{display:block;width:100%;height:100%;cursor:grab;filter:none;margin:0}
#pgCreator .button-3d-view canvas:active{cursor:grabbing}
#pgCreator .button-3d-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#pgCreator .button-3d-actions button{font:inherit;font-size:12px;min-height:42px;padding:8px 10px;background:#fff;border:1px solid #d7dbe1;border-radius:8px;color:#272b33;cursor:pointer}
#pgCreator .button-3d-actions button:disabled{opacity:.45;cursor:default}
#pgCreator .button-3d-actions button:focus-visible{outline:3px solid #f4b6bc;outline-offset:2px}
#pgCreator .button-preview-card [hidden]{display:none!important}
@media(max-width:900px){#pgCreator .button-3d-view{height:320px}}
#pgCreator.button-mode .cs-buy{flex-wrap:wrap}
@media(max-width:900px){#pgCreator.button-mode #mstage{max-width:420px!important}.button-options{scroll-margin-top:90px}}