/* The guides belong to the full sheet, rather than the text field or a fixed SVG. */
#sheet.paper{position:relative;background-image:none!important}
#sheet.paper>.paperrules{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;pointer-events:none;z-index:0}
#sheet.paper #text{background:transparent!important}
@media print{#sheet.paper>.paperrules{display:block!important;width:100%!important;height:100%!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Scale the complete coordinate surface, so ink and stickers stay aligned. */
@media print{#sheet.paper{zoom:1!important}}

#sheet .rich-source{display:none!important}
#richnotetext{position:absolute;inset:48px 48px 40px;width:624px;height:842px;overflow:auto;outline-offset:4px;color:#35483e;line-height:32px;font-size:17px;z-index:1;white-space:pre-wrap;overflow-wrap:anywhere}
#richnotetext p,#richnotetext div{margin:0;min-height:32px}#richnotetext h2{font-size:24px;line-height:32px;margin:0;font-weight:600}#richnotetext ul{margin:0;padding-left:24px}#richnotetext mark{background:#e4dba3}
#visible-delete-page,#visible-delete-picture{font-size:12px;color:#8b4e40;background:transparent;border:1px solid #cfbdb2;padding:9px;min-height:44px;white-space:normal}.notereadingbar{flex-wrap:wrap}
.sharedview #visible-delete-page,.sharedview #visible-delete-picture{display:none!important}
/* Mouse/touch editing should not draw a border around the entire note. */
#sheet #text:focus:not(:focus-visible),#sheet #richnotetext:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
#sheet #text:focus-visible,#sheet #richnotetext:focus-visible{outline:1px solid #aab2a6!important;outline-offset:3px;box-shadow:none!important}
.stickermode #richnotetext{pointer-events:none}
.workspace #movestickers.compact-tool{width:auto!important;min-width:120px!important;flex-basis:auto!important;gap:7px}
#movestickers .compact-tool-label{position:static!important;clip-path:none;width:auto;height:auto;margin:0;overflow:visible;white-space:normal;font-size:12px}

/* Comfortable native page scale on wide screens; smaller screens still fit. */
.notespane #sheet.paper{margin-inline:auto}
#stickers .sticker-button-art{display:block;width:29px;height:29px;flex:0 0 29px}
#stickers .sticker-button-art img,#stickers .sticker-button-art svg{width:100%!important;height:100%!important;display:block;object-fit:contain}
#visible-delete-page,#visible-delete-picture{border:0;font-size:12px;padding:6px 10px}

.workspace #maskremove.compact-tool{width:auto!important;flex-basis:auto!important;gap:6px;padding-inline:9px!important}
#maskremove .compact-tool-label{position:static!important;clip-path:none;width:auto;height:auto;margin:0;overflow:visible;font-size:12px}
#masklayer .delete-study-box{position:absolute;z-index:12;pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #b38b7d;background:#fff9f2;color:#804c3d;font:25px system-ui;box-shadow:0 2px 6px #0002;touch-action:manipulation}
/* Picture controls must remain available in Notes, Picture and Both views. */
.refinedlayout #classdesk[data-tab=notes] #picturestudy .studyhead{display:block!important}
.refinedlayout #classdesk[data-tab=notes] #studystatus{display:block!important}
.workspace #maskstudy.compact-tool,.workspace #maskedit.compact-tool{width:auto!important;flex-basis:auto!important;gap:6px;padding-inline:9px!important}
#maskstudy .compact-tool-label,#maskedit .compact-tool-label{position:static!important;clip-path:none;width:auto;height:auto;margin:0;overflow:visible;font-size:12px}
#picturestudy #visible-delete-picture{display:inline-flex!important;align-items:center;min-height:44px;margin:5px 0 10px}
.sharedview #picturestudy #visible-delete-picture{display:none!important}
/* Remove the unwanted rectangle from the writing field, including keyboard focus. */
#sheet #richnotetext,#sheet #richnotetext:focus,#sheet #richnotetext:focus-visible,#sheet #text,#sheet #text:focus,#sheet #text:focus-visible{border:0!important;outline:none!important;box-shadow:none!important}
/* Fit the note's surrounding box to its native paper, rather than a wide empty panel. */
.workspacesurfaces[data-view=notes]>.notespane{width:100%;max-width:722px!important;justify-self:center;margin-inline:auto}
#classdesk .notespane .paperwrap{border:0!important;border-radius:0}

/* The viewport owns sizing; image and label covers share one proportional stage. */
.refinedlayout #classdesk #picturestudy .pictureviewport{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:0;scrollbar-gutter:auto;max-height:none}
.refinedlayout #classdesk #picturestudy .pictureturn{box-sizing:border-box;max-width:none!important;min-width:0}
.refinedlayout #classdesk #picturestudy #studyimage{display:block;width:100%!important;max-width:none!important;height:auto!important;object-fit:contain}