.material-preview{border:1px solid var(--line,#e6dfd4);border-radius:13px;background:#fffdfa;padding:17px;min-width:0}
.material-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.material-preview-heading h3{font-size:20px;font-weight:500;margin:5px 0 0;font-family:"Songti SC","SimSun",serif}
.material-preview-state{border-radius:20px;background:#f2ece0;color:#8e7350;padding:6px 10px;font-size:11px;white-space:nowrap}
.material-preview-state.is-confirmed{background:#e6eee7;color:#395e4d}
.material-preview-tabs,.material-preview-modes{display:flex;gap:8px;margin-bottom:10px}
.material-preview-tabs button,.material-preview-modes button{flex:1;padding:9px 10px;font-size:12px;min-width:0}
.material-preview-tabs button[aria-pressed=true]{background:#395e4d;color:#fff;border-color:#395e4d}
.material-preview-modes button[aria-pressed=true]{background:#f3ead7;color:#785822;border-color:#b69a62;box-shadow:inset 0 0 0 1px #b69a62}
.material-preview-stage{position:relative;border-radius:10px;overflow:hidden;background:#f3ede3;border:1px solid #e9dece}
.material-preview-stage canvas{display:block;width:100%;height:400px;touch-action:none;cursor:grab}
.material-preview-stage canvas:active{cursor:grabbing}
.material-preview-stage-label{position:absolute;left:12px;top:11px;font-size:11px;color:#8b7960;pointer-events:none;max-width:calc(100% - 24px)}
.material-preview-thread-handle{position:absolute;transform:translate(-50%,-50%);width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:50%!important;box-shadow:none!important;touch-action:none;cursor:crosshair;z-index:2}
.material-preview-thread-handle[hidden]{display:none!important}
.material-preview-thread-handle:focus-visible{outline:1px solid #a18451;outline-offset:1px}
.material-preview-thread-handle:hover:after,.material-preview-thread-handle:focus-visible:after{content:'';position:absolute;left:13px;top:13px;width:6px;height:6px;border:1px solid #a18451;border-radius:50%;background:transparent;pointer-events:none}
.material-preview-anchor-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;font-size:11px;color:#8b8275;line-height:1.6}
.material-preview-anchor-tools button{font-size:12px;padding:8px 10px}
.material-preview-anchor-tools[hidden],.material-preview-anchor-tools button[hidden],.material-preview-slider[hidden]{display:none!important}
.material-preview-anchor-point{position:absolute;transform:translate(-50%,-50%);width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;touch-action:none;cursor:crosshair;z-index:2}
.material-preview-anchor-point:after{content:'';position:absolute;left:12px;top:12px;width:5px;height:5px;border:1px solid #a1845180;border-radius:50%;pointer-events:none}
.material-preview-anchor-point span{position:absolute;left:20px;top:0;font-size:10px;color:#998768;pointer-events:none}
.material-preview-anchor-point:hover:after,.material-preview-anchor-point:focus-visible:after{border-color:#8f733d}
.material-preview-anchor-point[hidden]{display:none!important}
.material-preview-size-handle{position:absolute;transform:translate(-50%,-50%);min-height:30px;min-width:60px;padding:5px 7px!important;border:1.5px solid #447761!important;border-radius:20px!important;background:#f6fff8!important;color:#315f4d!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap;touch-action:none;cursor:ew-resize;box-shadow:0 2px 7px #2e4e3d20;z-index:2}
.material-preview-size-handle[data-dimension-handle=heightMm]{cursor:ns-resize}
.material-preview-size-handle:before{content:'↔';font-size:13px;margin-right:3px;font-weight:700}
.material-preview-size-handle[data-dimension-handle=heightMm]:before{content:'↕'}
.material-preview-size-handle[hidden],.material-preview [data-adjustment][hidden]{display:none!important}
.material-preview-size-handle:focus-visible{outline:3px solid #b79550;outline-offset:3px}
.material-preview-scale-handle{position:absolute;transform:translate(-50%,-50%);min-height:36px;padding:7px 10px!important;border:2px solid #9c793d!important;border-radius:8px!important;background:#fff7df!important;color:#71511d!important;font-size:11px!important;font-weight:600;line-height:1.2!important;white-space:nowrap;touch-action:none;cursor:nesw-resize;box-shadow:0 2px 8px #55402030;z-index:3}
.material-preview-scale-handle[hidden]{display:none!important}
.material-preview-scale-handle:focus-visible{outline:3px solid #395e4d;outline-offset:3px}
.material-preview.is-panning canvas{cursor:move}
.material-preview-help{font-size:11px;color:#8b8275;line-height:1.7;margin:10px 0 13px;min-height:3.4em}
.material-preview-depth{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;margin-top:10px;border:1px solid #e9dece;border-radius:8px;background:#faf6ee;color:#7b6f5c;font-size:11px}
.material-preview-depth-content{min-width:0;flex:1}
.material-preview-depth-track{height:22px;margin-top:9px;overflow:hidden}
.material-preview-depth-track>span{display:block;box-sizing:border-box;height:19px;max-width:100%;background:#d8c6a4;border:1px solid #8d7451}
.material-preview-depth .material-preview-size-handle{position:static;transform:none;flex:none}
.material-preview-view-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line,#e6dfd4)}
.material-preview-view-controls button{font-size:12px;padding:9px 10px}
.material-preview-view-controls .material-preview-zoom{display:flex;align-items:center;gap:8px;width:100%;padding-bottom:4px}
.material-preview-view-controls .material-preview-zoom label{flex:1;width:auto;min-width:0;margin:0}
.material-preview-zoom button{flex:none;min-width:32px}
.material-preview-view-controls button[aria-pressed=true]{background:#395e4d;color:#fff;border-color:#395e4d}
.material-preview-view-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;margin:3px 0 0;font-size:11px}
.material-preview-view-controls label[hidden]{display:none!important}
.material-preview input[type=range]{appearance:auto;display:block;min-width:0;width:100%;height:22px;padding:0;margin:7px 0 0;border:0;box-shadow:none;background:transparent;accent-color:#47745e;cursor:pointer}
.material-preview-view-controls input[type=range]{flex:1;min-width:80px;margin:0;accent-color:#947348}
.material-preview output{font-variant-numeric:tabular-nums;color:#395e4d;font-size:11px;font-weight:600;white-space:nowrap}
.material-preview-dimensions{padding:14px 0 12px;border-bottom:1px solid var(--line,#e6dfd4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.material-preview-overall{padding:14px 0;border-bottom:1px solid var(--line,#e6dfd4)}
.material-preview-dimension-lock{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12px;line-height:1.6;color:#395e4d}
.material-preview-dimension-lock input[type=checkbox]{width:18px;height:18px;flex:none;margin:0;accent-color:#47745e}
.material-preview-section-title{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#5c4e3c}
.material-preview-section-title span{color:#968873;font-size:10px}
.material-preview-range{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.material-preview-range label{font-size:11px;margin:0;min-width:0}
.material-preview-range input{margin-top:5px;min-width:0;width:100%;box-sizing:border-box;padding:8px 9px;font-size:12px}
.material-preview-range-help{grid-column:1/-1;font-size:10px;color:#8b8275;line-height:1.6;margin:0}
.material-preview-adjustments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:15px 0}
.material-preview label.material-preview-slider{display:block;margin:0;font-size:11px;min-width:0}
.material-preview-slider>span{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.material-preview-occupancy{grid-column:1/-1}
.material-preview-occupancy small{font-size:10px;color:#8b8275;display:block;line-height:1.6;margin-top:5px}
.material-preview-check{display:flex;gap:8px;flex-wrap:wrap}
.material-preview-check button{flex:1;font-size:12px;padding:10px;white-space:nowrap}
.material-preview-check button[data-action=inspect]{background:#395e4d;color:#fff;border-color:#395e4d}
.material-preview-check-message{font-size:11px;line-height:1.8;color:#7b6f5c;margin:10px 0 0;min-height:3.6em}
.material-preview.is-preview-only .material-preview-view-controls{border-bottom:0;padding-bottom:0}
.material-preview.is-preview-only .material-preview-tabs{display:none}
@media(max-width:560px){.material-preview{padding:12px}.material-preview-stage canvas{height:310px}.material-preview-heading h3{font-size:18px}.material-preview-heading{gap:7px}.material-preview-check{gap:7px}.material-preview-check button{white-space:normal}.material-preview-dimensions{grid-template-columns:1fr}.material-preview-dimensions .material-preview-slider{display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;align-items:center}.material-preview-dimensions input[type=range]{margin:0}.material-preview-size-handle{font-size:10px!important;min-width:54px;padding:5px!important}}