body.printposition-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;margin:0}body.printposition-page>.navbar{flex:0 0 auto;margin-bottom:0}body.printposition-page>footer{display:none}body.printposition-page>main.container{max-width:none;padding:1rem 2rem 0.5rem;flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0 auto;width:100%}.diagram-wrap{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:0.5rem 0;overflow:hidden}.diagram{position:relative}.mat{position:absolute;inset:0;background:#fff;border:1px solid #000}.opening{position:absolute;border:1px solid #b0b0b0;background:#fff}.print{position:absolute;background:#d8d8d8;overflow:hidden}.print img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.print.dragover{outline:2px dashed red;outline-offset:0}.diagram.has-image .label[data-edit-field="printW"],.diagram.has-image .label[data-edit-field="printH"]{background:#fff}.annotations{position:absolute;inset:0;pointer-events:none}body.no-measurements .annotations{display:none}.dim{position:absolute;background:red}.dim.v{width:2px}.dim.h{height:2px}.label{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.8rem;color:red;padding:0 4px;white-space:nowrap;line-height:1.2;pointer-events:auto;user-select:none}.label.edit{cursor:pointer;font-weight:bold}.label.edit:hover{color:#000}.label.editing{background:#fff;text-decoration:none;font-weight:normal;padding:0;z-index:25}.label input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.8rem;border:1px solid red;background:#fff;color:#000;padding:1px 4px;width:4.5rem;text-align:right;outline:none;border-radius:0;font-weight:bold}.sug-popup{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);background:#fff;border:1px solid #ccc;padding:0.4rem 0;font-size:0.9rem;font-family:"Times New Roman",Times,serif;color:#000;box-shadow:0 2px 8px rgba(0,0,0,0.1);font-weight:normal;text-decoration:none;min-width:13rem}.sug-popup .sug-row{display:flex;justify-content:space-between;align-items:baseline;padding:0.2rem 0.8rem;cursor:pointer;gap:1rem}.sug-popup .sug-row:hover{background:#f4f4f4}.sug-popup .sug-name{color:#666}.sug-popup .sug-val{font-family:ui-monospace,monospace;color:#000;font-weight:bold}.label.mat-wh{text-decoration:none;cursor:default;color:red;font-weight:normal}.label.mat-wh .edit{font-weight:bold;cursor:pointer}.label.mat-wh .edit:hover{color:#000}.label.mat-wh .sep{color:#666;padding:0 0.2rem}.below-diagram{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:0.4rem 1rem}.below-diagram label{font-size:1rem;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:0.4rem;font-weight:normal}.below-diagram input[type="checkbox"]{margin:0;cursor:pointer}#errorBox,#noteBox{flex:0 0 auto}body.printposition-page.fullscreen>.navbar{display:none}.note,.error{margin:1rem 0;padding:0.6rem 1rem;font-size:0.95rem;font-family:"Times New Roman",Times,serif;border-left:3px solid}.note{background:#fff8e6;border-color:#b8860b}.error{background:#fcebea;border-color:#b22222;color:#b22222}.error .undo-hint{font-style:italic;opacity:0.8;margin-left:0.5rem}