:root{font-family:Inter,Noto Sans Thai,Tahoma,system-ui,sans-serif;color:#223e34;background:#f2f3ee;font-synthesis:none;font-size:14px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:#245d48}input,select,textarea{border:1px solid #d6ddd3;background:#fff;border-radius:7px;padding:11px 12px;color:#233b31;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#38765b;box-shadow:0 0 0 3px #38765b18}input[type=checkbox]{width:16px;accent-color:#2c634d}input[type=range]{padding:0;accent-color:#27634c}label{display:block;font-weight:600;font-size:13px}label input,label select,label textarea{margin-top:6px}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.6px;font-weight:650}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:15px}small{font-size:11px}hr{border:0;border-top:1px solid #e0e5dc;margin:25px 0}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#12352e;color:#f0f4e9;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-size:15px;font-weight:750;letter-spacing:.6px}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#b6caba;margin-top:1px}.brand-mark{display:grid;place-items:center;border:1px solid #92ae8b;border-radius:9px;width:40px;height:43px;font-size:35px;line-height:1;color:#e3c478}.project-label{font-size:10px;letter-spacing:2px;color:#8fae9c;margin-top:48px;margin-bottom:10px}.project-name{font-size:19px;font-weight:500}.muted{color:#758577;font-size:12px}.sidebar .muted{color:#8fae9c;font-size:11px;margin-top:4px}nav{margin-top:35px;display:grid;gap:6px}nav button{display:flex;align-items:center;border:0;color:#abc3b2;background:transparent;text-align:left;padding:12px 10px;border-radius:7px;font-size:13px;gap:13px}nav button>span{font-size:22px;font-weight:300;width:20px;line-height:1}nav button b{margin-left:auto;font-size:10px;background:#486455;border-radius:4px;padding:1px 6px}nav button.active{background:#2c5042;color:#f4edcf}nav button.active>span{color:#dfc476}.sidebar-bottom{margin-top:auto;border-top:1px solid #375447;padding-top:20px;font-size:10px;color:#c4d4c8}.sidebar-bottom small{display:block;color:#8fab99;font-size:10px;margin-top:12px;overflow-wrap:anywhere}.dot{display:inline-block;width:6px;height:6px;background:#9fc798;border-radius:50%;margin-right:6px}.dot.amber{background:#d9ae63}.main{margin-left:242px;min-height:100vh}.topbar{height:78px;border-bottom:1px solid #dfe4da;background:#f8f9f4;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:12px}.breadcrumb{font-size:12px;color:#758477}.breadcrumb span{margin:0 13px;color:#a7afa5}.top-actions{display:flex;align-items:center;gap:12px}.pill,.tag{font-size:9px;letter-spacing:.3px;background:#e9eee4;color:#596d55;border-radius:4px;padding:4px 8px;white-space:nowrap}.pill{border:1px solid #dce3d7}.avatar{border:1px solid #c9d5c4;background:#e5ecdb;color:#355443;width:35px;height:35px;border-radius:50%;font-size:10px}.content{padding:33px 38px 40px;max-width:1800px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#7d8d7e;margin-bottom:7px}.page-title p{font-size:11px;color:#758274;margin-top:5px}.divider{padding:0 10px;color:#a9b4a5}.direction{margin-left:15px;font-weight:600;color:#48684e}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;border:1px solid transparent;padding:10px 16px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:40px}.button.primary{background:#24543f;color:#fff}.button.primary:hover{background:#173f2d}.button.secondary{background:#fafbf7;color:#3d5946;border-color:#d5dece}.text-button{padding:5px;border:0;background:none;color:#3e674d;font-size:11px}.full{width:100%}.notice{display:flex;align-items:center;gap:13px;background:#f6f0dd;border:1px solid #e9dfbb;padding:12px 16px;border-radius:7px;color:#7a6734}.notice>span:first-child{font-size:24px;line-height:1}.notice b{font-size:11px;font-weight:650}.notice small{display:block;font-size:10px;color:#958155;margin-top:1px}.notice .tag{margin-left:auto;color:#8b763d;background:#ebe1bf;font-size:8px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stats>div{background:#fafbf7;border:1px solid #dde4d8;padding:16px 20px;border-radius:7px}.stats>div>span{font-size:10px;color:#7d8b79}.stats strong{display:block;font-size:27px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}.stats strong small{font-size:11px;font-weight:400;color:#899582;margin-left:8px}.stats strong.warm{color:#a57631}.panel{background:#fcfdf9;border:1px solid #dce3d6;border-radius:9px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 23px;border-bottom:1px solid #e4e9df}.panel-heading .eyebrow{font-size:8px;margin-bottom:5px}.panel-heading select{width:auto}.model-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:18px}.model-panel .panel-heading{border:0;padding-bottom:10px}#model{height:390px;position:relative;background:#e5eae4}#model canvas{display:block;width:100%;height:100%}.model-tools{padding:13px 20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid #dce3d6}.model-tools label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:400}.model-tools input{margin:0}.legend{display:inline-block;width:8px;height:8px;border-radius:2px;background:#a8b9b0;flex-shrink:0}.legend.drainage{background:#4b9ca7}.legend.waterstop{background:#dfaa39}.cut-label{margin-left:auto}.cut-label input{width:70px}.model-caption{display:flex;justify-content:space-between;font-size:9px;color:#8b9784;background:#f4f6ef;padding:10px 20px}.model-caption span{color:#a27153}.selection-panel{padding:22px 18px}#component-detail{min-height:108px}.selection-panel .search{font-size:10px;padding:9px;margin-top:16px}.component-list{max-height:270px;overflow:auto;margin-top:10px}.component-row{width:100%;border:0;border-bottom:1px solid #e8ece3;background:transparent;display:flex;align-items:center;padding:11px 8px;gap:10px;text-align:left;border-radius:4px}.component-row.selected{background:#e6eddd}.component-row span b{font-size:11px;color:#35513f;font-weight:650}.component-row span small{display:block;font-size:9px;color:#8b9784}.component-side{margin-left:auto;font-size:10px;color:#7b8c75}.detail-pair{display:flex;justify-content:space-between;font-size:10px;margin-top:12px;gap:10px}.detail-pair span{color:#83927c}.annotation{background:#f1f3e7;border-left:2px solid #c5b571;padding:11px 12px;color:#807b5e;font-size:11px;margin:15px 0}.capture-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.form-bottom{border-top:1px solid #e3e8dc;margin-top:25px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.form-bottom span{font-size:10px;color:#7f8d78}.photo-input{border:1px dashed #b9c8ac;background:#f5f7ef;border-radius:8px;padding:18px;text-align:center;color:#4d6b4b}.photo-input input{border:0;background:none;font-size:11px}.photo-input small{font-weight:400;color:#8a967f;display:block}.field-guide{padding:23px}.field-guide p{font-size:12px;color:#7b8973;margin-top:14px}.sta-guide{display:flex;justify-content:space-around;align-items:center;background:#edf2e6;border-radius:8px;margin:20px 0;padding:20px;text-align:center;font-size:12px;color:#6c8361}.sta-guide b{font-size:34px;line-height:1.3;color:#416545}.sta-guide small{display:block;font-size:10px;font-weight:400}.observation{padding:24px;border-bottom:1px solid #e0e7d8}.observation-title{display:flex;align-items:center;gap:12px}.observation-title h3 .tag{margin-left:8px}.observation-title small{color:#87957b}.defect-dot{height:10px;width:10px;border:2px solid #c88155;border-radius:50%}.status{margin-left:auto;color:#527b50;background:#edf3e5;font-size:10px;border-radius:4px;padding:4px 8px}.status.pending{background:#f4ebce;color:#a17c34}.observation>p{margin:15px 0;font-size:13px}.observation-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#839177}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,200px));gap:12px}.photo-grid figure{margin:0;border:1px solid #e0e6d8;border-radius:6px;overflow:hidden}.photo-grid img{width:100%;height:130px;object-fit:cover;display:block}.photo-grid figcaption{font-size:10px;padding:9px;overflow-wrap:anywhere;color:#738568}.photo-placeholder{padding:20px;background:#edf1e6;font-size:11px}.inline-error,.conflict{background:#fcf1e4;color:#9a6236;padding:12px;margin-top:15px;font-size:11px;border-radius:5px}.conflict small{display:block;margin-top:8px}.conflict button{margin:8px 8px 0 0}.empty{padding:60px 20px;text-align:center;color:#7b8d73}.empty>span{font-size:35px;color:#acbaa1}.empty h3{margin:12px}.empty p{font-size:12px}.search{max-width:310px}.panel-note{padding:14px 23px;color:#8a7e5f;font-size:11px;background:#f6f4e8}.table-wrap{overflow:auto;max-height:620px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{position:sticky;top:0;background:#eef2e7;padding:12px 18px;color:#7c8b72;font-size:10px;white-space:nowrap}td{padding:13px 18px;border-bottom:1px solid #e8ecdf}.table-note{display:block;color:#aa7540;margin-top:5px}.cancelled{color:#9d9f91}.cancelled .tag{background:#eee7df;color:#9d8c75}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:25px}.settings-card h2{margin-bottom:12px}.settings-card p{font-size:12px;margin:12px 0}.settings-card form{padding:0}.settings-card label{margin-bottom:15px}.settings-card .button{margin-right:8px;margin-top:8px}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.usage{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0;font-size:12px}.usage span{margin-left:auto}progress{width:100%;height:8px;accent-color:#4d8256}.usage.warning{color:#ad852f}.usage.critical{color:#b85232}.usage.critical progress{accent-color:#b85232}footer{border-top:1px solid #e0e6d7;padding:16px 38px;font-size:9px;color:#98a18e;display:flex;justify-content:space-between}.toast{position:fixed;right:24px;bottom:24px;background:#16462e;color:#fff;padding:16px 22px;border-radius:8px;box-shadow:0 10px 30px #173e2825;z-index:100;max-width:calc(100vw - 40px);font-size:13px}.toast.error{background:#9b5938}.busy{cursor:progress}.busy .button{pointer-events:none;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #cca442;outline-offset:3px}@media(min-width:1550px){#model{height:490px}.component-list{max-height:370px}}@media(max-width:1180px){.sidebar{width:205px;padding:26px 16px}.brand{font-size:12px}.brand small{font-size:7px}.main{margin-left:205px}.content{padding:25px}.topbar{padding:0 25px}.model-layout{grid-template-columns:minmax(0,1fr) 240px}.capture-layout{grid-template-columns:minmax(0,1fr) 220px}.stats{gap:10px}.stats>div{padding:14px}.stats>div>span{font-size:9px}.model-tools{gap:8px}.model-caption span{display:none}}@media(max-width:900px){.model-layout,.capture-layout{grid-template-columns:1fr}.selection-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.selection-panel .search{grid-column:2;grid-row:1}.component-list{grid-column:2;grid-row:1/3;margin-top:55px;max-height:230px}.field-guide,.topbar .pill,.direction{display:none}.page-title .button{font-size:10px;padding:9px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div>span{font-size:10px}h1{font-size:25px}}@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:70px;padding:0 5px;z-index:20;border-top:1px solid #385c46}.brand,.project-label,.project-name,.sidebar>.muted,.sidebar-bottom{display:none}nav{display:flex;margin:0;justify-content:space-around;height:70px;gap:0}nav button{display:flex;flex-direction:column;gap:3px;border-radius:0;font-size:9px;padding:9px 5px;justify-content:center;flex:1}nav button>span{font-size:22px;text-align:center}nav button b{display:none}.main{margin-left:0;padding-bottom:70px}.topbar{height:62px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}.top-actions{gap:8px}.top-actions .button{padding:7px 10px;min-height:34px;font-size:10px}.content{padding:22px 16px}.page-title{margin-bottom:18px}.eyebrow{font-size:8px}.page-title p{font-size:9px}h1{font-size:24px}.page-title>.button{display:none}.notice{padding:10px 12px;gap:9px}.notice b{font-size:10px}.notice small{font-size:9px}.notice>.tag{display:none}.stats{gap:9px;margin:16px 0}.stats>div{padding:10px 13px}.stats strong{font-size:24px}.stats strong small{font-size:10px}.panel-heading{padding:18px}.form-grid{gap:13px}.form-grid label{font-size:11px}form{padding:18px}input,select,textarea{font-size:16px;padding:10px}.form-bottom{align-items:flex-end}.form-bottom span{font-size:9px;max-width:120px}.settings-grid{grid-template-columns:1fr}.settings-card{padding:20px}.model-caption{font-size:8px}#model{height:330px}.selection-panel{display:block}.component-list{max-height:220px}.selection-panel .search{max-width:none;margin-top:10px}.observation{padding:18px}.observation-title{gap:8px}.observation-title h3{font-size:13px}.observation-title .status{font-size:8px}.observation-footer{align-items:flex-start;gap:8px}.observation-footer small{font-size:9px}.panel-heading .search{width:47%;font-size:11px}td,th{padding:10px 12px}footer{padding:15px 16px}footer span{display:none}.toast{bottom:85px;right:15px}.settings-card .button{font-size:11px}.table-wrap{max-height:65vh}}