#pfBoxEditor{width:calc(100vw - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid #46606b;border-radius:14px;background:#172329;color:#e4eded;overflow:hidden}#pfBoxEditor[open]{display:flex;flex-direction:column}#pfBoxEditor::backdrop{background:#071418c9}.be-head{position:static!important;display:flex;align-items:center;gap:10px;padding:14px 18px!important;background:#102026!important;flex-shrink:0}.be-head>div{margin-right:auto}.be-head strong{font-size:19px}.be-head small{display:block;font-size:12px;color:#a8c4cc;margin-top:4px}.be-start{display:flex;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid #38535d}.be-start label{display:flex;align-items:center;gap:10px;font-size:12px;min-width:0}.be-start select{max-width:280px}.be-start span{font-size:12px;color:#adbec4}.be-work{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.1fr) 280px;min-height:0;flex:1}.be-plan,.be-box{min-width:0;min-height:0;display:flex;flex-direction:column}.be-plan{background:#edf2f1;color:#304d57;border-right:1px solid #54717a}.be-caption{font-size:11px;letter-spacing:.04em;padding:10px 12px;flex-shrink:0}#bePlan{min-height:0;flex:1;padding:12px;touch-action:none}#bePlan svg{width:100%;height:100%;overflow:visible}.be-pieces path{fill:#e2d4b7;stroke:#586b6d;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}.be-pieces path:hover,.be-pieces path:focus{fill:#b9e6de;outline:none}.be-pieces path.selected{fill:#f5c775;stroke:#bd650a;stroke-width:2}.be-fold-lines{fill:none;stroke:#167d99;stroke-width:1.2;stroke-dasharray:5 3;vector-effect:non-scaling-stroke;pointer-events:none}.be-slot{fill:#edf2f1;stroke:#c35070;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}#bePlan circle{fill:#e18720;stroke:white;stroke-width:2;vector-effect:non-scaling-stroke;cursor:ns-resize}.be-legend{font-size:11px;padding:10px 12px}.be-box{background:#1e3037}#beViewport{flex:1;min-height:0;display:flex}#pfBoxEditor #canvasframe{flex:1;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;border:0;border-radius:0;aspect-ratio:auto!important}#pfBoxEditor #view{height:100%!important;max-height:none!important}#pfBoxEditor #selectionOutline{display:none}.be-fold{display:flex;gap:10px;align-items:center;font-size:11px;padding:10px 12px}.be-fold input{min-width:20px;flex:1}.be-fold-actions{display:flex;flex-wrap:wrap;gap:5px;padding:0 10px 12px}.be-fold-actions button{flex:1;font-size:11px}.be-inspector{padding:14px;overflow:auto;border-left:1px solid #38535d}#beFields{display:grid;gap:10px}#beFields h3{margin:0;font-size:17px;color:#62d3cc}#beFields h4{margin:10px 0 0;font-size:12px}#beFields label{display:grid;gap:5px;font-size:12px}#beFields label.be-check{display:flex;align-items:center;gap:7px}.be-check input{width:auto}#pfBoxEditor input,#pfBoxEditor select{box-sizing:border-box;max-width:100%;width:100%;padding:8px;color:#e4eded;background:#253c44;border:1px solid #4a6570;border-radius:5px}#pfBoxEditor input[type=checkbox]{width:16px}#pfBoxEditor input[type=range]{padding:0}#pfBoxEditor button{white-space:normal}#beIssues{font-size:12px;line-height:1.5;margin-top:18px}#beIssues p{padding:8px;border-radius:5px;background:#243a42}.be-error{color:#ffb4b0!important;background:#542e32!important}.be-warning{color:#f5d59d}.be-ok{color:#93e3bf}.be-note{font-size:11px;line-height:1.5;color:#adc3ca}.be-tabs{display:none}#pfBoxEditorOpenPanel{margin:8px 0;width:100%}
#pfBoxEditor .be-inspector{background:#172b33!important;color:#e4eded!important}#pfBoxEditor #beFields label,#pfBoxEditor #beFields h4{color:#dcebed!important}#pfBoxEditor #beFields input,#pfBoxEditor #beFields select,#pfBoxEditor #bePreset{color:#e4eded!important;background:#253c44!important}#pfBoxEditor .be-note{color:#adc3ca!important}#pfBoxEditor .be-tabs button[aria-pressed=true]{background:#007e87!important;color:white!important}
#pfBoxEditor,#pfBoxEditor h3,#pfBoxEditor h4{font-family:Arial,sans-serif!important}.be-face-labels{fill:#526162;pointer-events:none}.be-more{border-top:1px solid #40545c;padding-top:12px}.be-more summary{font-size:12px;cursor:pointer}.be-more label{margin-top:10px}.be-more h4{margin-top:15px!important}
.be-choice{display:flex;gap:6px}.be-choice button{flex:1;font-size:12px}.be-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.be-shapes button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:5px!important;min-width:0;font-size:10px;line-height:1.25}.be-shapes svg{width:100%;height:35px}.be-shapes polygon{fill:#e2d4b7;stroke:#718c90;stroke-width:1}.be-shapes path{stroke:#008e9b;stroke-width:1.5;stroke-dasharray:4 2}.be-order{display:flex;gap:2px;min-height:38px}.be-order span{display:flex;align-items:center;justify-content:center;min-width:0;background:#e2d4b7;color:#243b43;font-size:10px;border:1px solid #99b3b7;padding:4px 1px}.be-order span.be-order-glue{flex:0 0 12px;background:#b6d6cc}#pfBoxEditor .be-shapes button[aria-pressed=true],#pfBoxEditor .be-choice button[aria-pressed=true]{background:#006f79!important;color:white!important;border-color:#59d4d5!important}#bePlan circle.be-position-handle{fill:#087eaf;cursor:ew-resize}#bePlan circle[data-handle=glue]{cursor:ew-resize}.be-shapes,.be-order,.be-choice,.be-more{grid-column:1/-1}#beLayout{flex-shrink:0;font-size:12px}.be-more .be-order,.be-more .be-choice{margin-top:10px}
@media(max-width:1000px){.be-work{grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) 235px}.be-head small,.be-start span{display:none}.be-head{padding:10px!important}.be-head button{font-size:11px}}
@media(max-width:700px){#pfBoxEditor{width:100vw;height:100dvh;border:0;border-radius:0}.be-head{gap:5px}.be-head strong{font-size:14px}.be-head button{padding:7px;max-width:90px}.be-start{padding:8px;gap:6px}.be-start label{flex:1;display:grid;gap:3px}.be-start select{max-width:100%;width:100%}.be-tabs{display:flex;gap:8px;padding:6px 10px}.be-tabs button{flex:1}.be-work{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(180px,1fr) minmax(160px,.65fr)}.be-plan,.be-box{grid-column:1;grid-row:1}.be-inspector{grid-column:1;grid-row:2;border-left:0;border-top:1px solid #38535d;padding:10px}#pfBoxEditor[data-tab=plan] .be-box,#pfBoxEditor[data-tab=box] .be-plan{display:none}#beFields{grid-template-columns:1fr 1fr;gap:8px}#beFields h3,#beFields h4,#beFields p{grid-column:1/-1}.be-caption,.be-legend{padding:5px 10px;font-size:10px}#bePlan{padding:6px}.be-fold{padding:5px 10px}.be-fold-actions{padding:0 10px 6px}}

/* Artwork preview is independent from print and 3D material settings. */
.be-art-tools{padding:8px 12px;background:#dfe9e7;border-bottom:1px solid #bdcecb;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr);gap:6px 12px;flex-shrink:0;font-size:11px;color:#274550}
.be-art-actions{display:flex;gap:6px;align-items:center}.be-art-actions button{font-size:11px;flex:1;min-width:0;padding:6px!important}.be-art-opacity{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px}.be-art-opacity input{grid-column:1/-1;margin:0;width:100%}.be-art-tools small{grid-column:1/-1;font-size:10px;line-height:1.35}.be-art-tools #beArtName{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-art-tools #beArtStatus:empty{display:none}#beArtStatus{grid-column:1/-1;line-height:1.35}#beArtFile[hidden]{display:none!important}
.be-artwork,.be-cut-lines,.be-selection-line{pointer-events:none}.be-cut-lines,.be-selection-line{fill:none;stroke:#425f64;stroke-width:1;vector-effect:non-scaling-stroke}.be-selection-line{stroke:#c86a08;stroke-width:2.5}.be-face-labels text{paint-order:stroke;stroke:#edf2f1;stroke-width:1.2;stroke-linejoin:round}
#pfBoxEditor .pf-realism-controls .hint{color:#adc3ca}
@media(max-width:1000px) and (min-width:701px){.be-art-tools{grid-template-columns:1fr}.be-art-actions,.be-art-opacity{grid-column:1/-1}}
@media(max-width:700px){.be-art-tools{padding:6px 10px;gap:4px 8px}.be-art-tools small{display:none}.be-art-tools #beArtName{font-size:10px}.be-art-tools #beArtStatus{font-size:10px}}

/* Task-oriented inspector and independent-piece handles. */
.be-inspector-tabs{display:flex;gap:5px;position:sticky;top:-14px;background:#172b33;padding:8px 0 12px;z-index:3}.be-inspector-tabs button{flex:1;min-width:0;font-size:11px;padding:8px 4px!important}.be-inspector-tabs button[aria-pressed=true]{background:#007e87!important;color:white!important;border-color:#69d8d0!important}.be-pieces-list{grid-column:1/-1;border:1px solid #49616b;border-radius:6px;padding:8px;margin:0}.be-pieces-list summary{cursor:pointer;font-size:11px;line-height:1.4}.be-pieces-list button{display:block;width:100%;text-align:left;font-size:11px;margin-top:5px;padding:7px!important}.be-pieces-list button[aria-pressed=true]{border-color:#62d3cc!important;background:#1a555c!important;color:white!important}#bePlan circle.be-width-handle{fill:#208550;cursor:ew-resize}.be-issue{border:1px solid #49616b;border-radius:7px;padding:8px;margin:8px 0}.be-issue p{margin:0 0 7px!important;padding:0!important;background:transparent!important}.be-issue button{font-size:11px;padding:6px!important;margin:3px 5px 0 0}#beRemovePiece{border-color:#a36a64!important}#beFields>button{font-size:12px}#beFields>h3{line-height:1.4}.be-head #beUndo,.be-head #beRedo{white-space:nowrap;padding:8px!important}.be-head #beRedo:disabled,.be-head #beUndo:disabled{opacity:.45}#beFields input:focus{outline-color:#62d3cc}#beFields input:invalid{outline-color:#e67c70}
@media(max-width:700px){.be-head{flex-wrap:wrap}.be-head>div{flex:1 0 40%;margin-right:0}.be-head #beSVG,.be-head #beDone{flex:1;max-width:none}.be-head #beUndo,.be-head #beRedo{font-size:10px;max-width:none}.be-inspector-tabs{top:-10px;padding:4px 0 8px}.be-work{grid-template-rows:minmax(170px,1fr) minmax(180px,.8fr)}}

#pfBoxEditor .be-head{height:auto!important;min-height:0}.be-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:1/-1;min-width:0}.be-size-grid label,.be-size-grid input{min-width:0}#beFields>.be-note{margin:3px 0;grid-column:1/-1}.be-playback{display:flex;gap:10px;align-items:center;padding:6px 12px 0;flex-shrink:0}.be-playback button{font-size:11px;padding:6px 9px!important}.be-playback span{font-size:11px;color:#b8d5d7}#beFields>button{min-height:34px}
@media(max-width:700px){#pfBoxEditor .be-head{display:grid;grid-template-columns:1fr auto auto;gap:5px}.be-head>div{grid-column:1;min-width:0}.be-head #beUndo{grid-column:2}.be-head #beRedo{grid-column:3}.be-head #beSVG{grid-column:1}.be-head #beDone{grid-column:2/4}.be-head #beSVG,.be-head #beDone{font-size:10px;padding:5px!important}.be-pieces-list{padding:6px}.be-playback{padding:4px 8px 0}.be-head small{display:none}}

#beNotice{padding:8px 14px;background:#573a2b;color:#ffe5c1;font-size:12px}#beNotice[hidden]{display:none}

.be-problem-lines{fill:none;stroke:#bf424a;stroke-width:2.5;vector-effect:non-scaling-stroke;pointer-events:none}

.be-placement{grid-column:1/-1;font-size:12px;color:#23434d}.be-placement summary{cursor:pointer;padding:5px 0}.be-placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 0}.be-placement-grid button{grid-column:span 1;font-size:11px!important}.be-placement-grid button:first-child{grid-column:span 2}.be-placement-grid label{display:grid;gap:4px;min-width:0}.be-placement-grid input{width:100%;min-width:0;box-sizing:border-box}.be-placement-grid p{grid-column:1/-1;margin:0;font-size:11px}.be-placement-grid button[aria-pressed=true]{background:#087f85!important;color:white!important}.be-snap-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 12px;font-size:11px;color:#23434d}.be-snap-toggle input{width:auto!important}.be-snap-toggle small{opacity:.8;margin-left:auto}.be-snap-guides{pointer-events:none}.be-snap-guides path{fill:none;stroke:#d02da4;stroke-width:1.5;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}#bePlan.be-moving-art,#bePlan.be-moving-art .be-pieces path{cursor:move}.be-moving-art .be-face-labels{display:none}

@media(max-width:700px){.be-art-tools:has(.be-placement[open]){max-height:180px;overflow:auto;flex-shrink:0}.be-snap-toggle{padding:3px 10px}.be-snap-toggle small{font-size:9px}}

@media(max-width:700px){.be-plan{overflow:auto}#bePlan{flex:1 0 190px;min-height:190px;box-sizing:border-box}.be-art-tools:has(.be-placement[open]){max-height:none;overflow:visible}}