.dimension-point-editor{margin:24px 0;background:#f3f6f3;border:1px solid #d9e3db;border-radius:18px;padding:24px;color:#244546}.measure-section-title{display:flex;justify-content:space-between;gap:18px;align-items:center}.measure-section-title h3{margin:7px 0;font-size:23px;letter-spacing:-.4px}.measure-section-title p{color:#657976;margin:8px 0;font-size:14px}.measure-eyebrow{font-size:10px;letter-spacing:2px;color:#8a7655;font-weight:700}.measurement-methods{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #d8e1d9}.measure-family-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.measure-family-tabs button{border:1px solid #d7e1db;background:#fff;color:#49615c;padding:8px 12px;border-radius:30px;font-size:12px}.measure-family-tabs button[aria-pressed=true]{background:#24594f;color:#fff;border-color:#24594f}.measure-search{display:block;margin-top:16px;max-width:480px}.measure-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:620px;overflow:auto;padding:3px}.measure-method-card{text-align:left;border:1px solid #d9e2dc;border-radius:13px;background:#fff;color:#365b54;padding:15px;min-width:0;cursor:pointer}.measure-method-card:hover,.measure-method-card[aria-pressed=true]{border-color:#508474;box-shadow:0 0 0 2px #50847422}.measure-method-id{display:flex;justify-content:space-between;font-size:11px;gap:8px;font-weight:700;color:#8b7553}.measure-method-id span{color:#82938c;font-weight:400;font-size:10px}.measure-method-diagram{width:100%;height:85px;margin:6px 0;color:#417c72;background:linear-gradient(130deg,#eef4f0,#fff);border-radius:9px}.measure-method-card b{font-size:15px;display:block}.measure-method-card p{font-size:12px;line-height:1.7;margin:9px 0}.measure-method-card small{display:block;font-size:11px;line-height:1.6;color:#79867c}.measure-method-card em{display:block;font-size:11px;font-style:normal;color:#8b7553;margin-top:12px}.measure-footnote{font-size:12px;color:#738079;line-height:1.8;margin-top:16px}.measure-workspace{scroll-margin-top:24px;margin-top:20px}.measure-toolbar{display:flex;gap:12px;align-items:end;margin-bottom:16px}.measure-toolbar label:first-child{flex:1}.measure-toolbar label:last-child{width:145px}.dimension-point-editor label{display:block;font-size:12px;font-weight:500;margin-bottom:12px}.dimension-point-editor select,.dimension-point-editor input{display:block;width:100%;background:#fff;border:1px solid #d3dfd7;border-radius:8px;padding:11px 10px;color:#263f3b;font-size:13px;margin-top:6px;box-sizing:border-box;min-width:0}.measure-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px}.measure-canvas-scroll{overflow:auto;border:1px solid #d5ded8;border-radius:12px;background:repeating-conic-gradient(#f6f5f1 0% 25%,#eee 0% 50%) 50% / 18px 18px;max-height:620px;overscroll-behavior:contain}.measure-canvas{position:relative;line-height:0;cursor:crosshair;user-select:none;min-height:70px;touch-action:pan-x pan-y}.measure-canvas>img{display:block;width:100%;height:auto;pointer-events:none}.measure-overlay,.measure-handles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.measure-overlay svg{width:100%;height:100%;display:block}.measure-canvas-hint{font-size:12px;color:#627a73;margin:10px 0}.measure-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.measure-actions button{font-size:12px}.measure-form{background:#fff;border:1px solid #dce4dd;padding:16px;border-radius:12px;align-self:start}.measure-method-help{font-size:12px;line-height:1.7;color:#758479}.measure-value-row{display:grid;grid-template-columns:1fr 90px;gap:10px}.measure-form>.primary{width:100%}.measure-form small{display:block;font-size:11px;color:#78857d;line-height:1.7;margin-top:12px}.measure-rule{font-size:12px;padding:10px;background:#f5f2eb;color:#88744e;border-radius:7px;line-height:1.6}.measure-notice,.measure-warning{padding:12px 16px;font-size:13px;line-height:1.7;border-radius:8px;background:#e3efea;color:#276451}.measure-warning{background:#fff1dc;color:#936324}.measure-saved{padding:18px 0}.measure-saved>b{font-size:13px;color:#6e8074}.measure-saved>div{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #dae4db}.measure-saved>div>span{flex:1;min-width:0;overflow-wrap:anywhere}.measure-saved strong{display:block;font-size:13px}.measure-saved small{display:block;font-size:11px;color:#7e8b80;margin-top:5px}.measure-empty{padding:30px 20px;background:#fff;border:1px dashed #b9cbbf;border-radius:12px;color:#7b8b7e}.dimension-gallery{max-width:1320px;margin:auto;padding:44px 24px}.dimension-gallery h1{font-size:clamp(30px,5vw,56px);line-height:1.2;letter-spacing:-1.5px;margin:16px 0}.dimension-gallery>header p{max-width:750px;color:#768579;line-height:1.9}.dimension-gallery>header{padding:16px 0 26px}.dimension-gallery .measure-method-grid{max-height:none}.dimension-gallery-upload{display:block;padding:20px;border:1px dashed #b8c9ba;border-radius:12px;background:#fff;margin:20px 0}.dimension-gallery-upload input{margin-top:12px;display:block}.dimension-gallery .dimension-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.measure-step-pills{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.measure-step-pills span{padding:9px 14px;background:#fff;border:1px solid #d7e0d8;border-radius:25px;font-size:12px;color:#638173}.dimension-gallery a{color:#517969}.dimension-gallery .dimension-point-editor{background:#f4f7f3}.dimension-gallery .primary{background:#24594f;border-color:#24594f}
@media(max-width:1100px){.measure-editor-grid{grid-template-columns:minmax(0,1fr)}.measure-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.measure-form>p,.measure-form>small,.measure-form>.primary{grid-column:1/-1}.measure-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.dimension-point-editor{padding:16px 12px}.measure-section-title{align-items:flex-start;flex-direction:column}.measure-section-title h3{font-size:21px}.measure-method-grid{grid-template-columns:1fr;max-height:500px}.measure-method-card{display:grid;grid-template-columns:65px 1fr;gap:0 12px}.measure-method-id{grid-column:1/-1}.measure-method-diagram{grid-column:1;grid-row:2/5;height:72px;align-self:center}.measure-method-card b,.measure-method-card p,.measure-method-card small,.measure-method-card em{grid-column:2}.measure-method-card p{margin:6px 0}.measure-method-card em{margin-top:7px}.measure-form{display:block}.dimension-gallery{padding:24px 12px}.dimension-gallery .dimension-template-grid{grid-template-columns:1fr}.measure-toolbar{flex-direction:column;align-items:stretch}.measure-toolbar label:last-child{width:auto}.measure-canvas-scroll{max-height:480px}.measure-saved button{font-size:12px}}
.measure-canvas{margin:0 auto}.measure-overlay,.measure-handles{overflow:visible}
.measure-canvas:focus-visible{outline:2px solid #83a598;outline-offset:-2px}.measure-line-targets{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.measure-line-targets path{pointer-events:stroke;cursor:move;touch-action:none}.measure-delete-selected{position:absolute;z-index:3;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #e2c9c0;background:#fffaf6;color:#a95e49;border-radius:8px;box-shadow:0 2px 8px #202d2820;cursor:pointer}.measure-delete-selected:hover{background:#f9e8e1;border-color:#cc9d8c;color:#933d2d}.measure-selection-help{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;color:#6d8176;font-size:12px}.measure-selection-help span{flex:1;min-width:180px}.measure-selection-help button{font-size:12px}.measure-label-hit{touch-action:none}
.measure-color-control{margin:0 0 16px;line-height:1.5}.measure-color-control>span{font-size:11px;color:#6b7b71}.measure-color-options{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.measure-color-auto{border:1px solid #c9d7ce;background:#fff;color:#557060;border-radius:6px;padding:4px 9px;font-size:12px}.measure-color-auto[aria-pressed=true]{background:#e5eee6;border-color:#759b82;color:#24594f}.measure-color-swatch{width:22px;height:22px;min-width:22px;padding:0;border:1px solid #91a59688;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #fff}.measure-color-swatch[aria-pressed=true]{outline:2px solid #708d7b;outline-offset:2px}.measure-color-control small{font-size:10px;color:#819183}.dimension-point-editor .measure-custom-color,.measure-inline .measure-custom-color{display:flex;gap:5px;align-items:center;margin:0;color:#6b7b71;font-size:11px;cursor:pointer}.dimension-point-editor .measure-custom-color input,.measure-inline .measure-custom-color input{width:26px;height:26px;min-width:26px;margin:0;padding:1px;border:1px solid #b7cbbd;border-radius:5px;cursor:pointer}.measure-inline .measure-color-options{gap:6px}.measure-inline .measure-color-control{margin-bottom:14px}
.dimension-gallery>header{display:block;height:auto;min-height:0;position:static;background:transparent;border:0;align-items:initial;justify-content:initial}.dimension-gallery>header h1{max-width:none;width:auto}.dimension-gallery>header a{display:inline-block;font-size:13px}
.measure-draw-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}.measure-draw-tools button{padding:9px 13px;border:1px solid #c8d7ce;background:#fff;color:#46655a;border-radius:8px;font-size:12px;cursor:pointer}.measure-draw-tools button[aria-pressed=true]{background:#24594f;border-color:#24594f;color:#fff}.measure-draw-tools span{font-size:11px;color:#829184;margin-left:auto}.measure-tool-pan{cursor:default}.measure-label-hit{position:absolute;display:block;padding:0!important;margin:0;border:1px solid transparent;border-radius:5px;background:transparent!important;cursor:text;min-width:0;min-height:0;box-shadow:none!important}.measure-label-hit:hover,.measure-label-hit:focus-visible{border-color:#508474;outline:2px solid #50847455}.measure-inline{position:fixed;z-index:1500;background:#fffefb;color:#264e43;border:1px solid #c5d5c8;box-shadow:0 12px 42px #193a382b;border-radius:14px;padding:14px;box-sizing:border-box;font:13px/1.5 system-ui,'Microsoft YaHei',sans-serif;max-height:calc(100dvh - 24px);overflow:auto}.measure-inline-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.measure-inline-heading strong{font-size:14px}.measure-inline-heading button{background:transparent;color:#627b6e;border:0;font-size:22px;line-height:1;padding:0 3px;cursor:pointer}.measure-inline-fields{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:9px}.measure-inline label{display:block;font-size:11px;color:#718276}.measure-inline input,.measure-inline select{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #ccd9cf;background:#fff;border-radius:7px;margin:5px 0 12px;padding:10px 8px;color:#1f5144;font-size:16px}.measure-inline input:focus{outline:2px solid #8eaf9b;outline-offset:1px}.measure-inline-save{display:block;width:100%;background:#24594f;color:#fff;border:0;border-radius:8px;padding:10px;font-weight:600;cursor:pointer}.measure-inline small{display:block;margin-top:8px;color:#829085;font-size:10px}.measure-inline p{font-size:11px;color:#8a642f;background:#fcf3e5;padding:8px;border-radius:6px;margin:9px 0 0}

.measure-weight-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:440px;margin:0 0 8px}.measure-weight-controls label{margin:0!important;font-size:12px}.measure-weight-controls select{margin:5px 0 0}.measure-weight-controls select:disabled{opacity:.5;cursor:not-allowed}.measure-weight-hint{font-size:11px;color:#7d8d82;margin:0 0 16px}.measure-inline .measure-weight-controls{gap:10px;margin:0 0 14px}.measure-inline .measure-weight-controls select{padding:7px 8px;font-size:13px}

.measure-tool-select{cursor:default}.measure-tool-pan .measure-line-targets path,.measure-tool-pan .measure-label-hit{pointer-events:none}.measure-annotation-actions{position:absolute;z-index:3;display:flex;gap:4px;line-height:1;pointer-events:auto}.measure-annotation-actions .measure-delete-selected{position:static;flex:none;touch-action:none}.measure-move-selected{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #b7cbc3;background:#fafffc;color:#366b59;border-radius:8px;box-shadow:0 2px 8px #202d2820;cursor:grab;touch-action:none}.measure-move-selected:hover{background:#e9f4ed;border-color:#739e86}.measure-move-selected:active{cursor:grabbing}

.measure-draw-tools .measure-add-line{background:#24594f;border-color:#24594f;color:#fff;font-weight:700}.measure-draw-tools .measure-add-line:hover{background:#19483f}
.dimension-photo-list{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.dimension-photo-list button{display:flex;gap:12px;align-items:center;max-width:380px;padding:10px 14px;border:1px solid #d1ddd5;background:#fff;border-radius:12px;color:#36584a;text-align:left}.dimension-photo-list button[aria-pressed=true]{border-color:#5d8b75;background:#eaf2eb}.dimension-photo-list img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:6px}.dimension-photo-list span{min-width:0;font-size:13px}.dimension-photo-list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:10px;margin-top:4px}.dimension-photo-list b{font-size:10px;white-space:nowrap}.dimension-apply{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:#eaf1eb;border:1px solid #c3d5c8;border-radius:14px;padding:26px;margin:22px 0;scroll-margin:36px}.dimension-apply h3{font-size:22px;margin:8px 0!important;color:#254e40}.dimension-apply p{font-size:13px;line-height:1.8;margin:8px 0}.dimension-apply>.primary{padding:16px 22px;font-size:15px;white-space:nowrap}.dimension-apply>small,.dimension-preview-error{grid-column:1/-1}.dimension-preview-error{background:#fff7e8;padding:14px 18px;border-radius:8px;color:#885f2b}.dimension-preview-inputs{padding:26px;background:#fff;border:1px solid #dce5dd;border-radius:16px;margin:24px 0;scroll-margin-top:24px}.dimension-preview-inputs h3{margin:10px 0;font-size:20px}.dimension-preview-inputs>p{font-size:13px;color:#697e70}.dimension-preview-inputs .dimension-details{margin:18px 0}.dimension-preview-result{display:grid;grid-template-columns:320px minmax(0,1fr);gap:38px;background:#fff;border:1px solid #c9d8ce;padding:32px;border-radius:20px;margin:30px 0;scroll-margin-top:24px;align-items:start}.dimension-preview-result>img{display:block;width:100%;max-height:760px;object-fit:contain;box-shadow:0 8px 30px #193c2b15;border-radius:6px}.dimension-preview-result .stale{opacity:.5}.dimension-preview-description h2{font-size:29px;line-height:1.4;margin:18px 0}.dimension-preview-description p{font-size:13px;line-height:1.8;color:#718177}.dimension-preview-description a,.dimension-preview-description button{display:block;text-align:center;margin:14px 0;width:100%;box-sizing:border-box}.dimension-preview-description a.primary{color:#fff}.dimension-preview-description small{display:block;font-size:11px;color:#7a8e80;line-height:1.8;margin-top:22px}.dimension-gallery .size-chart-editor{max-width:100%;overflow:hidden}.dimension-gallery .chart-table-scroll{overflow-x:auto}
@media(max-width:800px){.dimension-apply{grid-template-columns:1fr;padding:20px}.dimension-preview-result{grid-template-columns:1fr;padding:20px;gap:20px}.dimension-preview-result>img{grid-row:1}.dimension-preview-inputs{padding:18px}.dimension-preview-description h2{font-size:24px}}
/* Three independent measurement workspaces. */
.dimension-gallery [hidden]{display:none!important}.dimension-method-first{border:1px solid #ccd8cf;border-radius:22px;background:#fff;padding:28px;margin:30px 0}.dimension-method-selection{display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:center}.dimension-method-selection h2{font-size:28px;letter-spacing:-.6px;margin:12px 0 22px}.dimension-method-selection label{display:grid;gap:8px;max-width:540px}.dimension-method-selection select{background:#f5f7f2;padding:14px;border:1px solid #cbd6ce;border-radius:10px;color:#27493f}.dimension-method-selection>.measure-method-diagram{width:100%;height:auto;color:#998055;background:#f6f4ed;border-radius:20px;padding:25px}.dimension-method-first .measurement-methods{margin-bottom:0}.dimension-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 22px}.dimension-mode-tabs>button{display:grid;text-align:left;gap:12px;background:#fafbf7;color:#27493f;border:1px solid #cbd6ce;border-radius:18px;padding:24px;cursor:pointer}.dimension-mode-tabs>button[aria-selected=true]{background:#264c41;color:#fff;border-color:#264c41;box-shadow:0 10px 24px #163f3020}.dimension-mode-tabs>button>span{font:24px Georgia,serif;color:#b99c67}.dimension-mode-tabs b{font-size:20px}.dimension-mode-tabs small{font-size:14px;line-height:1.7;opacity:.85}.dimension-mode-tabs em{font-size:12px;font-style:normal;letter-spacing:1px;opacity:.75}.dimension-mode-intro{padding:18px 22px;background:#e9eee5;border-radius:14px;line-height:1.8}.dimension-template-options{border:0;padding:0;min-width:0}.dimension-ai-inputs{margin-top:24px;background:#fff;border:1px solid #ccd8cf;border-radius:20px;padding:28px}.dimension-ai-inputs h3{font-size:23px;margin:12px 0}.dimension-ai-inputs p{line-height:1.8}.dimension-ai-photo-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;border:0;margin:22px 0}.dimension-ai-inputs label{display:grid;gap:8px;font-size:14px}.dimension-ai-inputs input:not([type=checkbox]),.dimension-ai-inputs select{width:100%;box-sizing:border-box;min-width:0;padding:12px;border:1px solid #ccd8cf;border-radius:9px;background:#fafbf7;color:#27493f}.dimension-ai-disclosure{display:block;margin:12px 0 24px;line-height:1.8;color:#687a71}.dimension-ai-positions{border-top:1px solid #dce3d8;margin-top:28px;padding-top:22px;scroll-margin-top:24px}.dimension-ai-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.dimension-ai-photo{margin:12px 0}.dimension-ai-photo>div{position:relative;line-height:0;background:#f2f4ee;border-radius:14px;overflow:hidden}.dimension-ai-photo img{width:100%;height:auto}.dimension-ai-photo figcaption{font-size:12px;line-height:1.7;margin:10px 0;color:#687a71}.dimension-ai-values{margin:20px 0}.dimension-ai-value-row{display:grid;grid-template-columns:minmax(240px,1.8fr) minmax(100px,1fr) minmax(100px,.7fr);gap:18px;padding:18px 0;border-bottom:1px solid #e1e6dc;align-items:start}.dimension-ai-value-row .dimension-ai-keep,.dimension-ai-inputs .dimension-ai-confirm{display:flex;gap:12px;align-items:center}.dimension-ai-keep small{display:block;color:#687a71;margin-top:6px;line-height:1.7}.dimension-ai-inputs input[type=checkbox]{width:18px;height:18px;accent-color:#285343;flex-shrink:0}.dimension-ai-confirm{padding:18px 0;line-height:1.8}.dimension-ai-positions>small{display:block;margin:18px 0;color:#687a71}.dimension-ai-generate{display:block;margin:26px 0 18px}.dimension-fallback{display:block;margin:24px 0 0}.dimension-inline-login{max-width:500px;padding:22px;background:#f3f5ef;border-radius:14px;margin:22px 0;display:grid;gap:16px}.dimension-ai-workbench .dimension-template-grid{max-height:690px;overflow:auto;padding:4px}.dimension-gallery input:focus,.dimension-gallery select:focus{outline:2px solid #9d885d;outline-offset:2px}
@media(max-width:720px){.dimension-mode-tabs{grid-template-columns:1fr;gap:10px}.dimension-mode-tabs>button{padding:18px;grid-template-columns:35px 1fr;gap:8px 12px}.dimension-mode-tabs small,.dimension-mode-tabs em{grid-column:2}.dimension-method-selection{grid-template-columns:1fr}.dimension-method-selection>.measure-method-diagram{display:none}.dimension-method-first,.dimension-ai-inputs{padding:18px}.dimension-ai-photo-select,.dimension-ai-value-row{grid-template-columns:1fr}.dimension-ai-workbench .dimension-template-grid{max-height:520px}}