/* Capture-specific layout 1.0. Original MKB CI and navigation assets remain unchanged. */
.cap-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#app{padding-top:24px}.cap-marker{scroll-margin-block:130px}.cap-leader{stroke:#176b9b;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.cap-anchor{fill:#176b9b;pointer-events:none}
.cap-controls{display:grid;grid-template-columns:2fr 1fr;gap:24px}.cap-workbar{position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid #333;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.cap-tabs{display:flex;gap:2px}.cap-tabs button,.cap-plan-actions button,.cap-editor-top button{font:inherit;min-height:48px;background:#fff;color:#333;border:1px solid #aaa;padding:10px 14px;cursor:pointer}.cap-tabs button[aria-selected=true]{background:#333;color:white;border-color:#333}.cap-workbar p{font-size:14px;margin:0;max-width:250px}.cap-workbar p[data-state=pending]{color:#8a4a00}.cap-stage{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:32px;margin-top:24px;align-items:start}.cap-plan-section{min-width:0}.cap-plan-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.cap-hint{font-size:14px;color:#626262;margin:10px 0}.cap-viewport{position:relative;width:100%;height:560px;height:min(62svh,620px);min-height:330px;overflow:hidden;background:#f3f3f1;border:1px solid #ccc;touch-action:none;overscroll-behavior:contain}.cap-canvas{position:absolute;transform-origin:0 0;user-select:none;will-change:transform}.cap-canvas>img{width:100%;height:100%;display:block;pointer-events:none}.cap-canvas svg,.cap-canvas #markers{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cap-room{fill:transparent;stroke:transparent;pointer-events:all;cursor:pointer}.cap-room:hover,.cap-room.selected{fill:#176b9b22;stroke:#176b9b;stroke-width:3}.cap-dim{stroke:#176b9b;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.cap-marker{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;border:0;background:transparent;padding:4px;pointer-events:auto;cursor:pointer;font-family:inherit}.cap-marker span{display:block;min-width:30px;background:white;border:2px solid #176b9b;padding:5px 4px;font-size:13px;font-weight:500;color:#17475d;white-space:nowrap;box-shadow:0 1px 3px #0003}.cap-marker.photo span{border-color:#8a4a00;color:#783b00}.cap-marker.done span{background:#e6efdf;border-color:#466d33}.cap-marker.selected span{background:#17475d;color:white;border-color:#17475d}.cap-plan-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}.cap-option{display:flex;align-items:center;gap:7px;font-size:14px;min-height:44px;margin-left:auto}.cap-option input{width:20px;height:20px}.cap-legend{display:flex;gap:22px;font-size:13px;margin-top:8px;color:#626262}.cap-editor{padding:22px 0 0;border-top:1px solid #333;min-width:0}.cap-editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.cap-editor-top .mkb-eyebrow{margin:0}.cap-editor-top button{display:none}.cap-editor h2{margin:20px 0 12px}.cap-editor p{font-size:16px}.cap-field-status{display:block;font-size:13px;margin-top:6px;color:#626262}.cap-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.cap-fields .mkb-field:first-child:last-child{grid-column:1/-1}.cap-editor .mkb-field input{min-height:54px;font-size:20px}.cap-editor .cap-actions{display:flex;gap:10px;flex-wrap:wrap}.cap-editor .cap-actions button{flex:1;white-space:nowrap}.cap-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.cap-photo img{aspect-ratio:1;object-fit:cover;width:100%;background:#eee}.cap-photo a{font-size:14px;overflow-wrap:anywhere}.cap-photo .mkb-field{margin:8px 0}.cap-photo label{font-size:13px}.cap-photo textarea{font-size:16px;min-height:74px}.cap-photo small{font-size:12px}.cap-list-section{margin-top:38px;border-top:1px solid #ccc;padding-top:24px}.cap-list-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.cap-record{border-bottom:1px solid #ddd;padding:12px 0}.cap-record summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cap-record summary span{font-size:14px;color:#626262}.cap-record-content{padding:18px 0 4px}.cap-record-content>button{margin-bottom:16px}.cap-record .cap-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.cap-record .mkb-field input{font-size:18px}.cap-export{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0}.cap-export span{flex-basis:100%}.cap-toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:14px 20px;z-index:100;max-width:90%;font-size:16px}.cap-conflict{padding:12px;border:1px solid #98281e;margin:12px 0;font-size:15px}.cap-conflict button{min-height:44px;margin:4px}.cap-pending-photo{border:1px solid #ccc;padding:12px;font-size:14px}.cap-empty{color:#626262;font-size:16px}.cap-progress{height:3px;background:#333}.cap-editor .mkb-field textarea{width:100%}
@media(max-width:800px){.cap-stage{display:block}.cap-controls{gap:14px}.cap-workbar{display:block;padding:8px 0}.cap-tabs{display:grid;grid-template-columns:1fr 1fr}.cap-tabs button{font-size:15px;padding:12px 8px}.cap-workbar p{max-width:none;margin-top:7px;min-height:18px}.cap-editor{display:none;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;padding:16px 20px max(20px,env(safe-area-inset-bottom));max-height:72dvh;overflow-y:auto;border-top:2px solid #333;box-shadow:0 -10px 35px #0003;overscroll-behavior:contain}.cap-editor[data-open=true]{display:block}.cap-editor-top{position:sticky;top:-16px;background:white;z-index:1;padding:8px 0}.cap-editor-top button{display:block}.cap-editor h2{font-size:24px}.cap-plan-heading{gap:8px}.cap-plan-heading .mkb-text-button{max-width:155px;min-height:44px;font-size:14px;text-align:right}.cap-viewport{height:54svh;min-height:340px}.cap-record .cap-fields{grid-template-columns:1fr 1fr}.cap-photos{grid-template-columns:1fr 1fr}.cap-plan-actions button{font-size:15px}.cap-option{margin-left:0}.cap-export{gap:16px}.cap-controls .mkb-field label{font-size:14px}.cap-controls select{font-size:16px;min-height:50px}.cap-record summary span{max-width:45%;text-align:right}}
@media(max-width:370px){.cap-controls{grid-template-columns:1fr}.cap-controls .mkb-field{margin-bottom:10px}.cap-fields,.cap-record .cap-fields{grid-template-columns:1fr}.cap-tabs button{font-size:14px}.cap-photos{grid-template-columns:1fr}}
