*{box-sizing:border-box}body{margin:0;background:#f5f5f0;color:#273d3d;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}button,label.open,summary{cursor:pointer}button,select{font:inherit}button{border:1px solid #d5ddda;border-radius:7px;padding:9px 12px;background:#fff;color:#304a4a}button:hover{background:#eef3ef}button:disabled{opacity:.45;cursor:default}header{height:82px;background:#fff;border-bottom:1px solid #dce3df;display:flex;align-items:center;gap:26px;padding:0 32px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:.08em}.logo{color:#31827e;font-size:40px}small{display:block;font-size:11px;color:#718481;font-weight:400;letter-spacing:.03em}.brand small{margin-top:3px}.private{margin-left:auto;font-size:12px;color:#59736a}.open{padding:12px 20px;background:#236d67;color:white;border-radius:7px;font-weight:600}main{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:calc(100vh - 82px)}aside{padding:28px 22px;background:#fff;border-right:1px solid #dce3df}.eyebrow{font-size:11px;letter-spacing:.14em;color:#39867b}h1{font-size:27px;line-height:1.45;margin:12px 0}.intro{font-size:12px;line-height:1.8;color:#72817e;margin-bottom:24px}.step{margin-bottom:9px}.stepbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 10px}.stepbtn b{width:27px;height:27px;background:#e9f0ed;border-radius:50%;text-align:center;padding-top:3px;color:#56847d}.stepbtn span{font-weight:600}.stepbtn small{margin-top:4px;font-size:10px}.stepbtn i{font-style:normal;margin-left:auto;font-size:10px;color:#81918a}.stepbtn.active{border-color:#358d86;background:#eef7f3}.stepbtn.active b{background:#287c73;color:white}.info{font-size:10px;line-height:1.7;padding:3px 8px;color:#6b7d78}.result{background:#edf4ef;border-radius:10px;margin-top:20px;padding:20px}.result>div{font-size:11px;letter-spacing:.04em}output{font-size:44px;display:block;margin:6px 0;font-weight:650;font-variant-numeric:tabular-nums}output small{display:inline;font-size:16px}#resultnote{font-size:11px;line-height:1.7;min-height:35px;color:#586f67}.result button{width:100%;background:#2b756b;color:white;border:0}.actions{display:flex;gap:7px;margin:12px 0}.actions button{font-size:11px;flex:1}details{font-size:11px;margin-top:20px;line-height:1.8}details label{display:block;margin-top:10px}details button,select{font-size:11px;padding:5px}.footnote{font-size:10px;color:#87918a;line-height:1.8;margin-top:18px}.workspace{min-width:0;padding:20px;display:flex;flex-direction:column;gap:0}.viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px}#filename{font-size:12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewbar button{font-size:11px;padding:7px 10px}.viewbar button.active{background:#294f4d;color:white}#viewport{position:relative;height:calc(100vh - 310px);min-height:410px;border-radius:12px;overflow:hidden;border:1px solid #d7dfd9;background:#e9eeea}canvas{display:block;width:100%;height:100%;touch-action:none}#hint{position:absolute;top:18px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);z-index:2;padding:11px 16px;background:#ffffffed;border-radius:7px;font-size:12px;pointer-events:none;box-shadow:0 2px 12px #28403b09}.legend{position:absolute;bottom:58px;left:18px;display:flex;gap:16px;font-size:10px;z-index:2;pointer-events:none}.legend span:first-child{color:#2576ad}.legend span:nth-child(2){color:#be8635}.legend span:nth-child(3){color:#a95565}.viewhelp{position:absolute;bottom:14px;left:18px;font-size:10px;color:#74847b;pointer-events:none;line-height:1.8}#selection{display:none;position:absolute;border:2px solid #3688bb;background:#3688bb25;pointer-events:none;z-index:3}#measurelabel{position:absolute;background:#fff8ed;color:#995b24;border:1px solid #c9a775;border-radius:6px;padding:5px 9px;font-size:13px;font-weight:700;pointer-events:none;z-index:2;white-space:nowrap;transform:translate(-50%,-140%)}.records{padding:19px 0}.records>div:first-child{display:flex;align-items:center;gap:12px;font-size:12px}.records #count{color:#88958c;font-size:11px}.records button{font-size:11px;padding:6px 10px}#csv{margin-left:auto}#rows{max-height:180px;overflow:auto}#rows p{font-size:11px;color:#849087;line-height:1.8}.record{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid #dce3dc;font-size:12px}.record small{display:inline;font-size:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#294e49;color:white;padding:14px 22px;border-radius:8px;z-index:9;display:none;max-width:90vw}@media(max-width:900px){main{grid-template-columns:285px minmax(0,1fr)}aside{padding:20px 15px}.workspace{padding:12px}.viewbar{flex-wrap:wrap}.private{display:none}header{padding:0 20px}.open{margin-left:auto}}@media(max-width:650px){main{display:flex;flex-direction:column}.workspace{order:-1}#viewport{height:470px;min-height:350px}.viewbar button{padding:7px}aside{border:0}h1 br{display:none}header{height:70px}.brand{font-size:18px}.open{font-size:12px;padding:10px}#hint{font-size:11px}aside h1{font-size:23px}.intro{margin-bottom:15px}.legend{gap:8px}.records{padding-bottom:0}}
.types{display:flex;gap:6px;margin:15px 0}.types button{flex:1;font-size:11px;padding:10px 5px}.types button.active{color:#fff;background:#2b756b;border-color:#2b756b}#mousehint{position:absolute;top:66px;left:18px;padding:7px 12px;color:#265d57;background:#edf7efed;border:1px solid #bcd4c2;border-radius:6px;font-size:11px;z-index:2;pointer-events:none;max-width:calc(100% - 36px)}#processing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 24px;background:#244d46ed;color:#fff;border-radius:10px;z-index:5;pointer-events:none;font-size:14px}#processing[hidden]{display:none}.viewbar>div{display:flex;gap:4px;flex-wrap:wrap}@media(max-width:650px){#mousehint{top:85px;font-size:10px}}
.cutbar{display:flex;gap:10px;align-items:center;padding:10px 12px;margin-bottom:10px;border:1px solid #d3dfd6;background:#fff;border-radius:8px;font-size:11px;flex-wrap:wrap}.cutbar input{width:140px;flex:1;min-width:90px;accent-color:#2b756b}.cutbar output{display:inline;font-size:10px;margin:0;min-width:85px;color:#63776b;font-weight:400}.cutbar button{font-size:10px;padding:4px 8px}.cutbar small{font-size:9px}.viewbar #focus{background:#f1f6e7;border-color:#a9bf96;color:#45682c}#focus.active{background:#45682c!important;color:#fff!important}
.autooptions{padding:11px 12px;margin:0 0 15px;border:1px solid #d2dfd3;border-radius:8px;background:#f4f8f1;font-size:11px}.autooptions label{font-weight:600}.autooptions input{accent-color:#2b756b;vertical-align:middle}.autooptions small{font-size:9px;margin-top:4px}.autooptions p{font-size:10px;line-height:1.7;color:#657c68;margin:7px 0 0}
.recordfield{display:block;margin:10px 0;font-size:11px;color:#49665b}.recordfield input,.recordfield textarea{display:block;width:100%;margin-top:5px;font:inherit;border:1px solid #cad8ce;border-radius:5px;padding:8px;background:#fff;color:#294e49;resize:vertical}.reportpanel{margin-top:15px;padding:16px;background:#fff;border:1px solid #d6e0d7;border-radius:10px}.reportfields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.reportfields label{font-size:11px;color:#647c6c}.reportfields input{display:block;width:100%;padding:9px;border:1px solid #d4dfd6;border-radius:5px;margin-top:5px;font:inherit;color:#294e49}.reportbuttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.reportbuttons button,.filebutton{font-size:11px;padding:9px 12px}.reportbuttons #pdf{background:#2b756b;color:#fff;border-color:#2b756b}.filebutton{border:1px solid #d5ddda;border-radius:7px;cursor:pointer}.reportpanel p,#reportProgress{font-size:10px;color:#718476;line-height:1.8}.recordcard{padding:12px;background:#fff;border:1px solid #d8e1d9;border-radius:8px;margin-top:8px}.recordhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px}.recordcard input,.recordcard textarea{display:block;width:100%;border:1px solid #d6e0d7;padding:7px;border-radius:4px;margin-bottom:6px;font:inherit;font-size:11px;resize:vertical}.recordcard small{font-size:10px}#rows{max-height:450px}.records #csv{margin-left:auto}@media(max-width:650px){.reportfields{grid-template-columns:1fr 1fr}.reportfields label:first-child{grid-column:1/-1}}
#cornerLabels{position:absolute;inset:0;pointer-events:none;z-index:3}.cornerlabel{position:absolute;transform:translate(-50%,-130%);padding:3px 7px;background:#fffaf0ee;color:#8c672c;border:1px solid #c9a367;border-radius:5px;font-size:10px;white-space:nowrap}.cornerlabel[hidden]{display:none}#snapHover{position:absolute;z-index:4;transform:translate(-50%,14px);background:#fff5cf;color:#755316;border:1px solid #c69742;padding:5px 9px;border-radius:5px;font-size:11px;font-weight:600;pointer-events:none;white-space:nowrap}#snapHover[hidden]{display:none}#snapState{color:#916a2c;font-weight:600}
/* Desktop measurement workspace */
:root{--wall:#168eea;--fence:#f58b00;--ink:#171d22;--teal:#245d6c}body{background:#f4f5f7;color:var(--ink);font-family:'Yu Gothic UI','Meiryo',system-ui,sans-serif}button{color:#20272d;border:1px solid #c9ced5;border-radius:5px;font-weight:600;padding:9px 14px}button:hover{background:#f0f4f8;border-color:#8f9eaa}button:focus-visible,label:focus-within,summary:focus-visible{outline:3px solid #8ecbff;outline-offset:2px}button:disabled{background:#b6bac0!important;color:white!important;border-color:#b6bac0!important;opacity:1}header{height:72px;padding:0 26px;gap:18px}.brand{font-size:26px;letter-spacing:0;white-space:nowrap}.brand .logo{display:none}.brand small{display:none}header #filename{border-left:1px solid #bfc6ce;padding-left:24px;font-size:14px;max-width:none;flex:1}.private{display:none}.open{background:#fff;border:1px solid #727b84;color:#20272d;padding:10px 17px;border-radius:5px;white-space:nowrap}.open:before{content:'▱ ';font-size:19px}#recordList{white-space:nowrap;border-color:#727b84}main{grid-template-columns:310px minmax(0,1fr);height:calc(100dvh - 72px);min-height:620px}aside{padding:20px 18px;overflow-y:auto;border-color:#d1d5db}aside .eyebrow,aside #maintitle,aside #intro,aside .footnote{display:none}h2{font-size:18px;margin:18px 0 14px}.types{margin:0 0 22px;gap:0;border:1px solid #cbd1d8;border-radius:6px;overflow:hidden}.types button{border:0;border-radius:0;padding:12px 4px;font-size:13px}.types button.active{background:var(--teal)}.step{margin-bottom:8px}.stepbtn{min-height:57px;padding:10px 12px;border-color:#d3d7dc;background:#f7f8fa;border-radius:6px;gap:12px}.stepbtn>span{font-size:15px}.stepbtn small{display:none}.stepbtn b{width:28px;height:28px;flex:none;background:#d9dde1;color:#222;padding-top:3px;font-size:17px}.stepbtn i{font-size:10px;color:#69737e}.stepbtn.active{border-color:#d1d5db;background:#eef2f5;box-shadow:inset 4px 0 #647986}.stepbtn.done{background:#e5f2ff;border-color:#e5f2ff}.stepbtn.done b{font-size:0;background:transparent;color:#0876c6}.stepbtn.done b:after{content:'✓';font-size:24px}.stepbtn.done i{color:#0876c6;background:#d0e8ff;border-radius:5px;padding:5px}.stepbtn#a.active{background:#e0f0ff;box-shadow:inset 4px 0 var(--wall)}.stepbtn#a.active b{background:var(--wall);color:white}.stepbtn#b.active{background:#fff0dd;box-shadow:inset 4px 0 var(--fence)}.stepbtn#b.active b{background:var(--fence);color:white}.stepbtn#position.active{background:#ffeaec;box-shadow:inset 4px 0 #df4655}.stepbtn#position.active b{background:#df4655;color:white}.info{display:none}.snaprow{margin:18px 3px 12px;font-size:14px}.snaprow label{display:flex;align-items:center;gap:8px}.snaprow input{width:19px;height:19px;accent-color:var(--teal)}aside details{margin:0 0 18px;font-size:12px}aside summary{font-size:14px;font-weight:600;padding:7px 3px}details .autooptions{margin-top:12px;font-size:11px;background:#f7f8fa}details .autooptions small{display:none}.result{border-top:1px solid #ccd2d9;border-radius:0;background:#fff;padding:0;margin-top:8px}.result h2{margin:17px 0 8px}.result #resulttitle{font-size:11px;color:#68737c}.result output{font-size:42px;font-weight:700;color:#101519;margin:7px 0}.result output small{font-size:29px;margin-left:4px}#resultnote{font-size:12px;color:#58616a;line-height:1.7;min-height:40px}.recordfield{font-size:12px;color:#20252a;margin:13px 0}.recordfield input,.recordfield textarea{font-size:13px;border-color:#c9cfd6;padding:9px;border-radius:5px}.result button{padding:13px;font-size:14px;background:var(--teal);border-radius:5px}.actions{gap:8px}.actions button{font-size:12px;padding:10px 3px}.workspace{padding:16px 16px 0 10px;min-height:0}.viewbar{padding:0 0 11px;justify-content:flex-start;border-bottom:1px solid #d6dbe0}.viewbar>div{gap:0;align-items:center}.viewbar button{padding:9px 14px;font-size:13px;border-radius:4px;background:#fff}.viewbar button.active{background:#d7ecff;border-color:#70b6ef;color:#152b3a}.viewbar #focus{margin-right:9px;background:#fff;border-color:#c9ced5;color:#333}#top{margin-left:16px}.cutbar{border:0;border-bottom:1px solid #d6dbe0;border-radius:0;padding:9px 5px;margin-bottom:10px;flex-wrap:nowrap;background:transparent;font-size:13px}.cutbar input{accent-color:var(--teal);min-width:60px}.cutbar output{font-size:10px;min-width:64px}.cutbar small{display:none}.cutbar button{font-size:12px;padding:6px 15px}.instruction#hint{position:static;flex:none;max-width:none;width:auto;margin:0 0 8px;padding:12px 16px;min-height:46px;border-radius:6px;background:#eef2f5;color:#20272b;box-shadow:none;font-size:14px;font-weight:650;line-height:1.6}body[data-step=a] #hint{background:#ddecff}body[data-step=b] #hint{background:#ffead0}body[data-step=position] #hint{background:#ffe4e7}#viewport{flex:1;min-height:330px;height:auto;border:1px solid #e0e4e8;border-radius:8px;background:#f2f4f6}.viewhelp{display:none}.viewfooter{display:flex;align-items:center;gap:18px;min-height:48px;flex-wrap:wrap;padding:9px 12px}.viewfooter .legend{position:static;gap:19px;font-size:12px;white-space:nowrap}.legend span:first-child{color:var(--wall)}.legend span:nth-child(2){color:var(--fence)}.legend span:nth-child(3){color:#dc394a}.viewfooter #mousehint{position:static;max-width:none;background:none;border:0;border-left:1px solid #bcc4cb;border-radius:0;font-size:11px;color:#3c444b;padding:3px 0 3px 18px}#recordsDialog{width:min(1000px,94vw);max-height:90dvh;border:1px solid #bfc7cf;border-radius:10px;padding:20px;color:var(--ink)}#recordsDialog::backdrop{background:#1b293b66}.dialogbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d1d7dd;padding-bottom:12px}.dialogbar h2{margin:0}.reportpanel{border:0;padding:0}.records #rows{max-height:none}.cornerlabel{font-size:11px}#toast{background:#243b48}
@media(min-width:1600px){main{grid-template-columns:360px minmax(0,1fr)}aside{padding:24px}.stepbtn>span{font-size:17px}.stepbtn{min-height:63px}.recordfield{font-size:14px}.recordfield input,.recordfield textarea{font-size:14px}}
@media(max-width:950px){main{grid-template-columns:270px minmax(0,1fr)}header{padding:0 16px;gap:10px}.brand{font-size:21px}header #filename{font-size:12px;padding-left:12px}.viewbar button{font-size:11px;padding:8px}.viewfooter{gap:5px}.viewfooter #mousehint{border:0;padding:0}.stepbtn>span{font-size:13px}}
@media(max-width:650px){header{height:64px;padding:0 10px;flex-wrap:wrap;gap:7px}.brand{font-size:18px}header #filename{display:none}.open{margin-left:auto;padding:7px;font-size:11px}#recordList{padding:7px;font-size:11px}main{height:auto;min-height:0;display:flex;flex-direction:column}.workspace{order:-1;padding:10px}.viewbar button{padding:7px}.viewbar #focus{margin-right:4px}#top{margin-left:6px}.cutbar{font-size:11px}.instruction#hint{font-size:12px;padding:9px}#viewport{height:48dvh;min-height:300px;flex:none}.viewfooter{min-height:40px}.viewfooter .legend{font-size:10px}aside{padding:15px;border-top:1px solid #d4dae0}.stepbtn>span{font-size:15px}.types{margin-bottom:12px}#recordsDialog{padding:15px}.dialogbar h2{font-size:16px}}
.capturepreview{width:min(1100px,95vw);max-height:94dvh;border:1px solid #aab5c0;border-radius:8px;padding:20px}.capturepreview::backdrop{background:#17263099}.capturepreview img{display:block;width:100%;max-height:65dvh;object-fit:contain;background:#eef1f3;margin:12px 0}.capturepreview p{font-size:13px;line-height:1.8}.capturepreview button{margin:5px 10px 0 0}.capturepreview button:last-child{background:#245d6c;color:white}#virtualBoundary{width:100%;font-size:12px;margin:0 0 10px;padding:10px;border-color:#eda647;background:#fff4e5;color:#7d4600}#retakeImage{width:100%;margin-top:8px;background:#fff4db;color:#713f00;border:1px solid #d39b36}.recordhead{flex-wrap:wrap;gap:8px}
body[data-measuretype=length] #virtualBoundary{display:none}
.capturewarning{background:#fff0d8;border:1px solid #d6a354;border-radius:6px;padding:10px 13px;color:#754400}
#planDialog{width:min(1400px,96vw);max-height:94dvh;border:1px solid #aab6c1;border-radius:8px;padding:18px;color:#243740}#planDialog::backdrop{background:#15233188}.plancontrols,.planbuttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:12px 0}.plancontrols label{font-size:13px}.plancontrols input[type=number]{width:70px;padding:6px;border:1px solid #bac5ce;border-radius:4px}.plancontrols input[type=checkbox]{width:17px;height:17px;vertical-align:middle}.planpreview{max-height:66dvh;overflow:auto;background:#e8edf0;border:1px solid #ccd5dd;margin-top:10px}.planpreview canvas{display:block;width:100%;height:auto;touch-action:none;cursor:move}.planbuttons button:first-child,#planDrawing{background:#245d6c;color:white}#planStatus{font-size:12px;color:#326e5e}.plancontrols [data-progress]{font-size:12px;color:#4e6575}

/* Save and estimation state */
.step .info:not(:empty){display:block!important;font-size:11px;line-height:1.55;padding:6px 10px;margin:0 0 5px;background:#edf4f7;border-radius:0 0 6px 6px;color:#345467}#draftStatus{font-size:11px;line-height:1.5;color:#43645b;margin:7px 0}#pdfActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%;padding:8px 0}#pdfActions:empty{display:none}#pdfActions a{color:#17657b;text-decoration:underline;padding:8px}.delete-record{color:#a33743!important}.recordhead{flex-wrap:wrap}

.delete-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:#fff1ed;border:1px solid #dda99c;border-radius:6px}.delete-confirm button{min-height:44px}.delete-confirm button:first-of-type{background:#a33743;color:white}
/* The primary sidebar fits a normal laptop viewport without expanding diagnostics. */
@media(min-width:651px){
 main{min-height:0}aside{padding:12px 14px}.types{margin-bottom:12px}.types button{padding:10px 3px;font-size:12px;white-space:nowrap}
 aside>h2{font-size:16px;margin:10px 0}.step{margin-bottom:6px}.stepbtn{min-height:46px;padding:8px 9px;gap:9px}.stepbtn>span{font-size:14px}.stepbtn b{width:25px;height:25px;font-size:15px}.stepbtn i{padding:3px!important;white-space:nowrap;font-size:10px}
 #virtualBoundary{padding:7px 4px;margin-bottom:6px;font-size:11px}.snaprow{margin:9px 2px;font-size:12px}.snaprow input{width:17px;height:17px}
 #measurementDetailsOpen{width:100%;padding:7px;font-size:12px;background:#f7f8fa}.result{margin-top:10px}.result h2{font-size:16px;margin:10px 0 3px}.result output{font-size:38px;margin:3px 0 7px}.result output small{font-size:22px}.result button{padding:10px;font-size:13px}.actions{margin:8px 0 0}.actions button{padding:8px 3px;font-size:11px}#draftStatus{font-size:10px;margin:5px 0;line-height:1.4}
}
#measurementDetails{width:min(620px,94vw);max-height:90dvh;border:1px solid #bbc6ce;border-radius:9px;padding:18px;color:#243740}#measurementDetails::backdrop{background:#15233188}#measurementDetails h3{font-size:14px;margin:17px 0 5px}#measurementDetails .info{display:block!important;font-size:12px;line-height:1.7;background:#edf4f7;padding:9px;border-radius:5px}#measurementDetails .info:empty:after{content:'未選択'}#measurementDetails #resultnote{min-height:0;font-size:12px}#measurementDetails details{margin-top:15px}#measurementDetails .recordfield{margin:13px 0}#measurementDetailsOpen{margin-bottom:4px}
@media(min-width:651px) and (max-height:650px){aside{padding-top:8px;padding-bottom:8px}.types{margin-bottom:7px}.types button{padding:8px 3px}aside>h2{margin:6px 0}.stepbtn{min-height:40px;padding:6px 8px}.snaprow{margin:6px 2px}.result h2{margin-top:6px}.result output{font-size:32px}.result button{padding:8px}.actions button{padding:6px 3px}}

.report-layout{font-size:12px;display:flex;gap:7px;align-items:center}.report-layout select{font:inherit;padding:9px;max-width:100%;border:1px solid #c9cfd6;border-radius:5px;background:#fff}#pdfActions a.pdf-primary{display:inline-block;padding:11px 17px;color:white;background:#245d6c;border:1px solid #245d6c;border-radius:5px;font-size:13px;font-weight:600;text-decoration:none}@media(max-width:650px){.report-layout{width:100%;flex-wrap:wrap}.report-layout select{flex:1;min-width:160px}}

.brand .app-icon{display:block;flex:none;width:38px;height:38px;object-fit:contain;border-radius:0}.install-help{border-top:1px solid #d1d7dd;margin-top:17px;padding-top:13px;font-size:12px;line-height:1.8}.install-help button{font-size:12px}.install-help p{margin:8px 0;color:#57656e}.install-help a{color:#17657b}@media(max-width:650px){.brand{gap:6px}.brand .app-icon{width:29px;height:29px}.brand{font-size:17px}}

/* Navy brand strip: supplied wordmark stays unchanged and its spare margin is clipped in CSS. */
header{background:#0b172d;border-bottom-color:#22334d;color:#fff}.brand{gap:0;flex:none;line-height:1}.brand-wordmark{position:relative;display:block;width:260px;height:44px;overflow:hidden;flex:none}.brand-wordmark img{position:absolute;display:block;width:330px;height:auto;max-width:none;left:-29px;top:-28px}header #filename{color:#d5dfed;border-left-color:#3c4b65}header .open,header #recordList{background:#14243b;border-color:#4b5b74;color:#f8fbff}header .open:hover,header #recordList:hover{background:#223750;border-color:#8194af}@media(max-width:950px) and (min-width:651px){.brand-wordmark{width:225px;height:40px}.brand-wordmark img{width:286px;left:-25px;top:-24px}}@media(max-width:650px){.brand-wordmark{width:163px;height:30px}.brand-wordmark img{width:207px;left:-18px;top:-17px}header{gap:6px}.brand{font-size:inherit}}

#emptyModel{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:25px;text-align:center;background:#f2f4f6;color:#3b5062}#emptyModel[hidden]{display:none}#emptyModel strong{font-size:21px;color:#253c50}#emptyModel p{font-size:13px;line-height:1.8;max-width:420px;margin:0}#emptyModel .open{display:inline-block;padding:11px 22px;background:#245d6c;color:#fff;border-color:#245d6c}body[data-model-ready=false] .viewfooter{visibility:hidden}

header #manualLink{display:inline-flex;align-items:center;justify-content:center;flex:none;white-space:nowrap;color:#f8fbff;background:#14243b;border:1px solid #4b5b74;border-radius:5px;font-size:12px;padding:9px 11px;text-decoration:none}header #manualLink:hover{background:#223750}header #manualLink:focus-visible{outline:3px solid #8ecbff;outline-offset:2px}@media(max-width:650px){header #manualLink{width:28px;height:32px;padding:0}header #manualLink span{font-size:0}header #manualLink span:after{content:'?';font-size:17px;font-weight:700}.brand-wordmark{width:132px;height:27px}.brand-wordmark img{width:169px;left:-15px;top:-14px}header{gap:5px}}

@media(max-width:650px){header #manualLink{width:auto;min-width:45px;padding:6px;height:32px}header #manualLink span{font-size:11px;white-space:nowrap}header #manualLink span:after{content:none}.brand-wordmark{width:116px;height:25px}.brand-wordmark img{width:148px;left:-13px;top:-12px}header{gap:4px}}