.slice-add{padding:5px 8px;border:1px solid #45483a;border-radius:7px;background:#24281b;color:#dfff64;font-size:10px;white-space:nowrap;cursor:pointer}.slice-add:hover{background:#343c20;border-color:#dfff64}.product-head>.slice-add{margin-left:6px}.slice-empty{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:7px 0;color:#81817b;font-size:11px}.slice-cell-summary{display:grid;gap:12px}.framework-copy-cell .slice-cell-summary p{display:block;white-space:pre-wrap;-webkit-line-clamp:unset}.slice-cell-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:10px;color:#88887f}.slice-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.slice-tags span{padding:1px 6px;border-radius:4px;background:#2b2e22;color:#bcc79c;font-size:9px}.saved-slice-list{display:grid;gap:10px}.saved-slice{overflow:hidden;border:1px solid #33332d;border-radius:10px;background:#1c1c19}.slice-preview-button{display:block;padding:0;width:100%;border:0;background:#0a0a09;cursor:zoom-in}.slice-preview-button img{display:block;width:100%;height:auto}.slice-preview-button img.slice-thumb{max-height:280px;object-fit:contain;object-position:top}.saved-slice-body{padding:10px}.saved-slice-body b{font-size:12px}.saved-slice-body p{margin:5px 0;color:#b8b8ae;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.slice-actions{display:flex;gap:12px;margin-top:10px}.slice-actions button{padding:0;border:0;background:none;color:#999a8e;font-size:10px;cursor:pointer}.slice-actions button:hover{color:#dfff64}.slice-actions button[data-confirm="yes"]{color:#ff9b8b}.work-visual.saved-section-view{display:block;padding:10px;overflow:auto}.saved-section-view .slice-empty{padding:20px}.slice-editor{position:fixed;inset:0;width:min(1140px,96vw);max-width:96vw;height:92dvh;max-height:94dvh;padding:0;border:1px solid #45463c;border-radius:18px;background:#141512;color:#ededdf;box-shadow:0 30px 100px #0009;overflow:hidden}.slice-editor[open]{display:flex;flex-direction:column}.slice-editor::backdrop,.slice-viewer::backdrop{background:#000b;backdrop-filter:blur(5px)}.slice-editor-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #33362b}.slice-editor-head strong{display:block;font-size:17px}.slice-editor-head span{display:block;margin-top:2px;color:#969b88;font-size:11px}.slice-editor-head>button,.slice-viewer header button{width:30px;height:30px;border:0;border-radius:50%;background:#2b2e24;color:#daddca;font-size:21px;cursor:pointer}.slice-editor-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;flex:1;min-height:0}.slice-canvas-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:#0b0c09}.slice-canvas-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;color:#909581;font-size:10px}.slice-canvas-tools>span{margin-right:auto}.slice-canvas-tools select,.slice-canvas-tools button{padding:4px 7px;border:1px solid #3b4030;border-radius:5px;background:#1d2118;color:#cfd7bc;font:inherit}.slice-viewport{flex:1;min-height:0;overflow:auto;padding:24px 20px 40px;overscroll-behavior:contain;scrollbar-gutter:stable}.slice-source{position:relative;max-width:100%;margin:0 auto;cursor:crosshair;touch-action:none;user-select:none}.slice-source img{pointer-events:none}.slice-selection{position:absolute;left:0;right:0;z-index:2;border:2px solid #dfff64;background:#dfff6415;box-shadow:0 0 0 1px #0008;pointer-events:none}.slice-selection>span{position:absolute;left:8px;top:8px;background:#202916d9;padding:2px 6px;border-radius:4px;color:#e2ff92;font-size:10px}.slice-handle{position:absolute;left:50%;transform:translateX(-50%);width:96px;height:24px;padding:0;border:1px solid #e6ffa1;border-radius:5px;background:#dfff64;color:#283009;font-size:10px;cursor:ns-resize;pointer-events:auto;touch-action:none}.slice-handle.top{top:-14px}.slice-handle.bottom{bottom:-14px}.slice-position-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #2e3225;color:#a3aa90;font-size:10px}.slice-position-tools input{width:75px;margin-left:4px;padding:5px;border:1px solid #414633;border-radius:5px;background:#171b11;color:#e6edda}.slice-position-tools>span{margin-left:auto}.slice-form{display:flex;flex-direction:column;min-height:0;border-left:1px solid #34372b}.slice-form-fields{flex:1;overflow:auto;padding:16px;min-height:0}.slice-form-fields>label{display:block;margin:14px 0 6px;color:#e0e5d3;font-size:12px}.slice-form-fields>label:first-child{margin-top:0}.slice-form-fields>label span{margin-left:4px;color:#828c70;font-size:10px}.slice-form input,.slice-form textarea,.slice-form select{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid #3d4431;border-radius:7px;background:#20251b;color:#f0f3e5;font:inherit;font-size:12px}.slice-form textarea{resize:vertical;min-height:78px}.slice-form input:focus,.slice-form textarea:focus,.slice-form select:focus{outline:1px solid #dfff64}.slice-preset-tags{display:flex;flex-wrap:wrap;gap:5px}.slice-preset-tags button{padding:4px 8px;border:1px solid #3b412f;border-radius:6px;background:#20251a;color:#adb49c;font-size:10px;cursor:pointer}.slice-preset-tags button[aria-pressed="true"]{border-color:#bfdb61;background:#343e20;color:#e1ffa4}.slice-custom-tag{display:flex;gap:5px;margin-top:9px}.slice-custom-tag input{min-width:0;font-size:10px}.slice-custom-tag button{flex-shrink:0;border:1px solid #424b31;border-radius:6px;background:#29311e;color:#d4e4b6;font-size:10px;cursor:pointer}.slice-crop-preview{width:100%;max-height:220px;overflow:auto;background:#090b07;border:1px solid #343b29;border-radius:8px}.slice-crop-preview img{display:block}.slice-save-area{padding:12px 16px;border-top:1px solid #343b29;background:#191d13}.slice-save-area>button{width:100%;padding:11px;border:0;border-radius:8px;background:#dfff64;color:#202710;font-size:13px;font-weight:700;cursor:pointer}.slice-save-area>span{display:block;margin-top:6px;text-align:center;font-size:10px;color:#7e896b}#sliceStatus{margin-bottom:8px;color:#e2d6a3;font-size:11px;white-space:pre-wrap}#sliceStatus:empty{display:none}.slice-editor button:disabled{opacity:.5;cursor:wait}.slice-viewer{width:min(780px,94vw);max-height:92dvh;padding:0;border:1px solid #494c3d;border-radius:14px;background:#11150d;color:#eee}.slice-viewer header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a1f14}.slice-viewer>div{padding:12px}.slice-viewer img{display:block;max-width:100%;height:auto;margin:auto}.slice-toast{position:fixed;z-index:1200;bottom:30px;left:50%;max-width:90vw;transform:translateX(-50%) translateY(15px);padding:12px 20px;border:1px solid #58613e;border-radius:10px;background:#232c16;color:#e3f9bb;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.slice-toast.visible{opacity:1;transform:translateX(-50%)}@media(max-width:760px){.slice-editor{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh}.slice-editor-body{grid-template-columns:minmax(0,1fr) 270px}.slice-canvas-tools{gap:5px;padding:8px}.slice-viewport{padding:20px 12px}.slice-position-tools{gap:5px;padding:8px}.slice-position-tools input{width:58px}.slice-form-fields{padding:12px}}@media(max-width:540px){.slice-editor-body{display:flex;flex-direction:column;overflow:auto}.slice-canvas-column{flex:none;height:55dvh}.slice-form{flex:none;min-height:420px;border-left:0}.slice-form-fields{overflow:visible}.slice-save-area{position:sticky;bottom:0}}

.framework-axis-cell{scroll-margin-top:72px}
.work-product .product-head,.compare-workbench.four-up .product-head{display:flex;flex-wrap:nowrap;gap:5px;padding:8px 6px}
.work-product .product-head>.column-title,.compare-workbench.four-up .product-head>.column-title{flex:1 1 0;min-width:0}
.work-product .product-controls,.compare-workbench.four-up .product-controls{grid-template-columns:60px minmax(40px,1fr) 66px;gap:3px}
.work-product .product-controls .column-picker,.compare-workbench.four-up .product-controls .column-picker{padding:4px 2px 4px 5px;font-size:9px}
.detail-product-actions{display:flex;flex:0 0 auto;align-items:center;gap:5px;white-space:nowrap}
.detail-product-actions .change-wrap{margin:0}
.detail-product-actions .change-indicator{padding:4px 5px;font-size:9px}
.detail-product-actions .slice-add{display:grid;place-items:center;flex:0 0 26px;width:26px;height:24px;margin:0;padding:0}.detail-product-actions .slice-add svg{display:block}
.compare-workbench.four-up{min-width:1280px}