:root{--ink:#1e2a31;--bar:#12232e;--line:#d7dedc;--aqua:#72c1c8}*{box-sizing:border-box}body{margin:0;background:#edf1f0;color:var(--ink);font:14px/1.35 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.reviewbar{position:sticky;z-index:10;top:0;min-height:64px;display:flex;align-items:center;gap:18px;padding:9px 20px;background:var(--bar);color:#eff9fa;box-shadow:0 4px 16px #0004}.identity{min-width:150px;display:grid}.identity strong{font-size:.96rem}.identity span{font-size:.72rem;color:#a8c6c9}.review-controls{display:flex;align-items:end;gap:8px;flex:1;justify-content:flex-end}.review-controls label{display:grid;gap:2px;font-size:.7rem;color:#b9d1d3}.review-controls select,.review-controls input,.review-controls button{height:32px;border-radius:6px;border:1px solid #5b777b;background:#fff;color:#183038;padding:4px 8px;font:inherit}.review-controls input{width:min(300px,25vw)}.review-controls button{cursor:pointer;background:#dfecee}.review-controls .primary{background:var(--aqua);border-color:var(--aqua);font-weight:750}.crop-tools{position:relative;border:1px solid #5b777b;border-radius:6px;padding:7px;background:#183038;color:#eaf4f5;font-size:.78rem}.crop-tools summary{cursor:pointer}.crop-panel{position:absolute;right:0;top:37px;width:235px;padding:11px;border-radius:8px;background:#183038;box-shadow:0 10px 24px #0005}.crop-panel label{display:grid;gap:2px;margin:0 0 7px;font-size:.68rem}.crop-panel select,.crop-panel input{width:100%;height:auto}.crop-panel input[type=range]{padding:0}.crop-panel div{display:flex;gap:6px}.crop-panel button{height:auto;padding:5px;font-size:.7rem}.note-tray{position:fixed;z-index:8;right:14px;bottom:14px;width:min(390px,calc(100vw - 28px));max-height:38vh;overflow:auto;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fffffff2;box-shadow:0 8px 28px #19312a25}.note-tray>div:first-child{display:flex;justify-content:space-between;gap:8px}.note-tray span{font-size:.75rem;color:#61716e}.note-tray ol{margin:10px 0;padding-left:22px}.note-tray li{padding:5px 20px 5px 1px;position:relative;border-bottom:1px solid #edf0ed}.note-tray li:last-child{border:0}.note-tray .meta{display:block;font-size:.7rem;color:#637572}.note-tray .delete{position:absolute;right:0;top:6px;border:0;background:transparent;color:#9b3c3c;cursor:pointer}.tray-actions{display:flex;gap:7px}.tray-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 8px;cursor:pointer}.empty{color:#667773;font-size:.82rem}main{height:calc(100vh - 64px);padding:0}iframe{width:100%;height:100%;border:0;background:#fff}@media(max-width:900px){.reviewbar{position:relative;align-items:stretch;flex-direction:column}.review-controls{justify-content:flex-start;flex-wrap:wrap}.review-controls input{width:min(330px,75vw)}main{height:calc(100vh - 170px)}.note-tray{max-height:31vh}}@media(max-width:530px){.reviewbar{padding:10px}.note-label{width:100%}.review-controls input{width:100%}.review-controls{align-items:end}.note-tray{bottom:5px;right:5px;width:calc(100vw - 10px)}.crop-panel{left:0;right:auto}}