saber-photo-markup.ss-photo-markup{display:block;color:#253b50;font:16px/1.5 Arial,sans-serif;background:#fff}
.ss-photo-markup *{box-sizing:border-box}.ss-pm__wrap{max-width:1440px;margin:auto;padding:28px 24px 48px}.ss-pm__breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;margin-bottom:24px}.ss-pm__breadcrumb a{color:#0874ce;text-decoration:none}.ss-pm__heading h1{margin:0 0 8px;color:#112f49;font-size:clamp(27px,3vw,39px);line-height:1.2}.ss-pm__heading p{margin:0 0 26px;color:#526b82}
.ss-pm__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.ss-pm__workspace{min-width:0;border:1px solid #d5e1ec;border-radius:4px;overflow:hidden}.ss-pm__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:14px;background:#f3f7fb;border-bottom:1px solid #d5e1ec}.ss-pm__toolbar button,.ss-pm__history button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 10px;font:600 13px/1.3 Arial,sans-serif;color:#112f49;background:#fff;border:1px solid #bdcede;border-radius:3px;cursor:pointer}.ss-pm__toolbar button svg{flex:none}.ss-pm__toolbar button[aria-pressed=true]{background:#e1f0ff;border-color:#0874ce;color:#075fa9}.ss-pm__color{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.ss-pm__color input{width:40px;height:36px;padding:2px;border:1px solid #bdcede;background:#fff;cursor:pointer}
.ss-pm__canvas-wrap{position:relative;min-height:260px;background:#f7fafc;display:flex;align-items:center;justify-content:center}.ss-pm__canvas-wrap canvas{display:block;width:100%;height:auto;max-width:100%;touch-action:none;cursor:crosshair}.ss-pm__empty{text-align:center;max-width:380px;padding:60px 20px;color:#526b82}.ss-pm__empty-icon{display:block;color:#0874ce;font-size:48px;line-height:1}.ss-pm__empty h2{margin:14px 0 8px;font-size:22px;color:#112f49}.ss-pm__empty p{margin:0;font-size:14px}.ss-pm__help{font-size:13px;color:#526b82;margin:0;padding:10px 14px}.ss-pm__history{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;border-top:1px solid #d5e1ec}.ss-pm__details{min-width:0;padding:20px;background:#f3f7fb;border:1px solid #d5e1ec;border-radius:4px}.ss-pm__details h2{margin:0 0 18px;font-size:23px;color:#112f49}.ss-pm__details h3{font-size:18px;margin:0 0 14px;color:#112f49}.ss-pm__field{display:block;margin:0 0 15px;font-weight:600;font-size:14px;color:#112f49}.ss-pm__field>span{display:block;margin-bottom:6px}.ss-pm__field input,.ss-pm__field textarea,.ss-pm__field select,.ss-pm__positions input{display:block;width:100%;min-width:0;padding:10px;border:1px solid #b9cbdd;border-radius:3px;background:#fff;color:#253b50;font:16px/1.4 Arial,sans-serif}.ss-pm__field textarea{resize:vertical}.ss-pm__annotation-controls{border-top:1px solid #d5e1ec;padding-top:18px;margin-top:20px}.ss-pm__positions{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0;padding:12px 0;margin:10px 0;border:0;font-size:13px}.ss-pm__positions legend{padding:0;color:#526b82}.ss-pm__positions label{min-width:0}.ss-pm__positions input{margin-top:4px;padding:7px;font-size:14px}
.ss-pm__button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 16px;border:1px solid #0874ce;border-radius:3px;background:#0874ce;color:white;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;cursor:pointer;text-align:center}.ss-pm__button--outline{background:#fff;color:#0874ce}.ss-pm__annotation-controls>.ss-pm__button{width:100%;font-size:13px}.ss-pm__delete{border:0;background:transparent;color:#075fa9;padding:9px 0;font:14px/1.4 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ss-pm__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}.ss-pm__upload{position:relative;overflow:hidden}.ss-pm__upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.ss-pm__upload:focus-within{outline:3px solid #0874ce;outline-offset:3px}.ss-pm__status{margin:14px 0 0;min-height:24px;font-size:14px;color:#087339;overflow-wrap:anywhere}.ss-pm__status[data-error]{color:#a32939}.ss-photo-markup :is(button,input,textarea,select,canvas):focus-visible{outline:3px solid #0874ce;outline-offset:3px}.ss-photo-markup button:disabled{opacity:.5;cursor:not-allowed}.ss-photo-markup [hidden]{display:none!important}
@media(max-width:999px){.ss-pm__layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.ss-pm__details{padding:16px}.ss-pm__toolbar{padding:10px;gap:6px}}
@media(max-width:749px){.ss-pm__wrap{padding:20px 16px 36px}.ss-pm__layout{grid-template-columns:minmax(0,1fr)}.ss-pm__heading p{font-size:15px}.ss-pm__toolbar button{min-height:42px;padding:7px 8px;font-size:12px}.ss-pm__toolbar{gap:6px}.ss-pm__canvas-wrap{min-height:220px}.ss-pm__details{padding:18px}.ss-pm__actions>.ss-pm__button{flex:1 1 145px}.ss-pm__history button{min-height:42px}.ss-pm__empty{padding:35px 15px}}

/* Mobile full-screen presentation uses the original canvas and annotation controls. */
.ss-pm__fullscreen,.ss-pm__fullscreen-bar{display:none}
@media(max-width:749px),(hover:none) and (pointer:coarse){.ss-pm__fullscreen{display:inline-flex;gap:8px;margin:0 0 18px}}
saber-photo-markup.ss-pm--fullscreen{position:fixed;inset:0;z-index:2147483000;width:100%;height:100vh;height:100dvh;max-width:none;overflow:auto;overscroll-behavior:contain;background:#fff;-webkit-overflow-scrolling:touch}
.ss-pm--fullscreen .ss-pm__wrap{max-width:none;margin:0;padding:12px max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}
.ss-pm--fullscreen .ss-pm__fullscreen-bar{display:flex;position:sticky;top:0;z-index:5;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#112f49;color:#fff;border-bottom:1px solid #112f49}
.ss-pm__fullscreen-bar strong{font-size:17px}.ss-pm__fullscreen-bar .ss-pm__button{min-height:40px;padding:8px 18px;background:#fff;color:#075fa9;border-color:#fff}
.ss-pm--fullscreen .ss-pm__breadcrumb,.ss-pm--fullscreen .ss-pm__heading,.ss-pm--fullscreen .ss-pm__fullscreen{display:none}
.ss-pm--fullscreen .ss-pm__layout{display:block}.ss-pm--fullscreen .ss-pm__workspace{overflow:visible}.ss-pm--fullscreen .ss-pm__toolbar{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:4;flex-wrap:nowrap;overflow-x:auto;padding:8px;gap:6px}.ss-pm--fullscreen .ss-pm__toolbar button,.ss-pm--fullscreen .ss-pm__color{flex:none;white-space:nowrap;min-height:42px}.ss-pm--fullscreen .ss-pm__toolbar button{padding:7px 10px;font-size:13px}
.ss-pm--fullscreen .ss-pm__canvas-wrap{min-height:0;padding:8px 0}.ss-pm--fullscreen .ss-pm__canvas-wrap canvas{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px)}
.ss-pm--fullscreen .ss-pm__details{margin-top:14px}.ss-pm--fullscreen .ss-pm__details h2{font-size:20px;margin-bottom:12px}.ss-pm--fullscreen .ss-pm__history{padding:8px;background:#fff}.ss-pm--fullscreen .ss-pm__help{padding:8px;font-size:12px}.ss-pm--fullscreen .ss-pm__actions{position:sticky;bottom:0;z-index:3;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d5e1ec;gap:8px}.ss-pm--fullscreen .ss-pm__actions .ss-pm__button{flex:1 1 130px;padding:10px 12px;font-size:13px}