.measure-page{background:#101a1b;color:var(--paper);min-height:100vh}.measure-top{min-height:76px;padding:15px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line-soft)}.measure-top nav{display:flex;gap:18px;flex-wrap:wrap}.measure-top nav a{color:var(--accent-light);font:11px var(--mono);text-decoration:none}.measure-top nav a:hover{text-decoration:underline}.measure-shell{max-width:1450px;margin:auto;padding:0 clamp(16px,4vw,60px) 90px}.measure-intro{padding:clamp(42px,6vw,76px) 0 37px;max-width:880px}.measure-intro h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;line-height:1.02;margin:15px 0 20px}.measure-intro h1 em{color:var(--accent);font-style:normal}.measure-intro>p:last-child{color:#b8c9bf;font-size:clamp(16px,1.5vw,20px);line-height:1.55}.measure-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:20px;align-items:start}.measure-stage,.measure-panel{border:1px solid var(--line);border-radius:12px;background:#192929;min-width:0}.measure-stage{padding:15px}.measure-stage-head{display:flex;justify-content:space-between;gap:15px;padding:5px 5px 13px;align-items:center}.measure-stage-head strong{font-size:15px}.measure-stage-head span{font:10px var(--mono);color:var(--accent-light);white-space:nowrap}.measure-photo-scroll{overflow:auto;max-height:70vh;background:#091416;border-radius:7px;line-height:0}.measure-photo-scroll canvas{display:block;max-width:none;cursor:crosshair;touch-action:manipulation}.measure-stage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0}.measure-stage-actions label{font:11px var(--mono)}.measure-stage-actions select,.measure-stage-actions button,.measure-panel input,.measure-panel select,.measure-panel button{background:#102021;border:1px solid #526b60;border-radius:7px;color:var(--paper);font:13px var(--font);padding:10px}.measure-stage-actions button,.measure-panel button{cursor:pointer}.measure-stage-actions button:hover,.measure-panel button:hover{border-color:var(--accent)}.measure-stage-actions button:disabled,.measure-panel button:disabled{opacity:.5;cursor:not-allowed}.measure-help,.measure-small{color:#9fb5aa;font-size:12px;line-height:1.5}.measure-panel{padding:20px;display:grid;gap:14px}.measure-setup,.measure-output{display:grid;gap:10px;min-width:0}.measure-panel label{font:11px var(--mono);color:#b8d0c0;display:grid;gap:6px}.measure-panel input,.measure-panel select{width:100%;min-width:0}.measure-upload{border:1px dashed #526b60;border-radius:7px;padding:10px}.measure-upload input{border:0;padding:4px 0;font-size:11px}.measure-fields{display:grid;gap:11px;margin:7px 0}.measure-result{border:1px solid #4b6759;border-left:3px solid var(--accent);border-radius:7px;background:#20332f;padding:15px}.measure-result strong{font-size:22px;letter-spacing:-.035em}.measure-result p{font-size:12px;line-height:1.5;margin:7px 0 0;color:#bfd2c4}.measure-result small{display:block;margin-top:8px;color:#f0c19b;line-height:1.45}.measure-panel #measure-save{background:var(--accent);border-color:var(--accent);color:#102021;font-weight:700}.measure-caution{border-top:1px solid var(--line);padding-top:14px;color:#b5c7ba;line-height:1.55;font-size:12px}.measure-source{border-top:1px solid var(--line);margin-top:48px;padding-top:22px;max-width:820px}.measure-source h2{font-size:28px;letter-spacing:-.045em}.measure-source p{color:#b8c9bf;line-height:1.6}.measure-source a{color:var(--accent-light)}@media(max-width:850px){.measure-layout{display:flex;flex-direction:column}.measure-panel{display:contents}.measure-setup,.measure-output{width:100%;padding:15px;border:1px solid var(--line);border-radius:12px;background:#192929}.measure-setup{order:1}.measure-stage{order:2;width:100%}.measure-output{order:3}.measure-photo-scroll{max-height:68vh}}@media(max-width:550px){.measure-top{align-items:flex-start;flex-direction:column;gap:12px}.measure-top nav{gap:10px 15px}.measure-stage-head{align-items:flex-start;flex-direction:column;gap:5px}.measure-stage{padding:10px}}