:root{--sd-primary:var(--s-primary,var(--school-primary,var(--primary,#1f3a68)))}
.sd-panel,.sd-help{--sd-ink:#13213d;--sd-primary:var(--s-primary,var(--school-primary,var(--primary,#1f3a68)));box-sizing:border-box;color:var(--sd-ink);font:14px/1.5 Inter,system-ui,sans-serif;background:var(--tint2);border:1px solid var(--line2);border-radius:16px;padding:0;box-shadow:0 16px 60px #0d1f3c40}.sd-panel *,.sd-help *{box-sizing:border-box}.sd-panel{width:520px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.sd-panel::backdrop{background:#0d1f3c70}.sd-panel header,.sd-help header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--card);border-bottom:1px solid var(--line2)}.sd-panel h2,.sd-help h2{font:600 25px/1.25 Georgia,serif;margin:0}.sd-body{padding:12px 18px}.sd-button{min-height:44px;border:1px solid var(--line2);border-radius:8px;padding:8px 12px;background:var(--card);color:var(--sca);font:600 13px/1.4 Inter,system-ui,sans-serif;cursor:pointer}.sd-button:disabled{opacity:.5;cursor:default}.sd-button.sd-primary{background:var(--sd-primary,#1f3a68);border-color:var(--sd-primary,#1f3a68);color:white}.sd-panel :focus-visible,.sd-help :focus-visible,.sd-mode:focus-within,.sd-crop-box:focus-visible{outline:3px solid #b8892b;outline-offset:3px}.sd-modes{border:0;padding:0;margin:0;display:grid;gap:8px}.sd-mode{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;cursor:pointer}.sd-mode:has(:checked){border-color:var(--sd-primary,#1f3a68);box-shadow:0 0 0 3px #1f3a6812}.sd-mode>span:nth-child(2){flex:1}.sd-mode b,.sd-mode small{display:block}.sd-mode small{color:var(--mute);line-height:1.4;margin-top:2px;font-size:12px}.sd-mode input{accent-color:var(--sca);width:18px;height:18px;flex:none}.sd-icon{display:grid;place-items:center;width:32px;height:32px;background:var(--tint);border-radius:8px;font-size:22px}.sd-field{display:block;font-weight:600;margin-top:14px}.sd-field small{display:block;font-weight:400;color:var(--mute);margin:3px 0 8px}.sd-field textarea{width:100%;border:1px solid var(--line2);border-radius:6px;padding:10px;font:inherit;resize:vertical}.sd-field .sd-counter{text-align:right;margin:0}.sd-info{background:var(--tint);border:1px solid #cdd8e8;border-radius:9px;padding:10px;font-size:12px}.sd-error{color:var(--danger);font-size:13px}.sd-panel footer,.sd-help footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--card);border-top:1px solid var(--line2)}.sd-panel footer small{font-size:11px;max-width:230px;color:var(--mute)}.sd-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sd-upload-preview{border:1px dashed var(--line2);border-radius:9px;padding:10px;margin:10px 0;background:var(--card)}.sd-crop-stage{position:relative;line-height:0;width:100%;touch-action:none}.sd-crop-stage img{display:block;width:100%;max-height:270px;object-fit:contain;margin:0}.sd-crop-box{position:absolute;border:2px solid #b8892b;background:#f5c76618;cursor:move;touch-action:none;box-shadow:0 0 0 1px white;z-index:4}.sd-crop-label{position:absolute;top:-25px;left:-2px;background:#b8892b;color:white;font:600 12px/1.5 Inter,sans-serif;padding:2px 5px;white-space:nowrap}.sd-handle{position:absolute;width:14px;height:14px;border:2px solid #b8892b;background:var(--card)}.sd-handle.nw{top:-8px;left:-8px;cursor:nw-resize}.sd-handle.ne{top:-8px;right:-8px;cursor:ne-resize}.sd-handle.sw{bottom:-8px;left:-8px;cursor:sw-resize}.sd-handle.se{bottom:-8px;right:-8px;cursor:se-resize}.sd-help{position:fixed;inset:auto;width:400px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;z-index:2147483646;margin:0}.sd-help ol{padding:0 16px 0 42px;margin:12px 0;counter-reset:steps}.sd-help li{position:relative;display:flex;align-items:center;gap:12px;margin:15px 0}.sd-help li:before{counter-increment:steps;content:counter(steps);position:absolute;left:-29px;top:0;border-radius:50%;width:22px;height:22px;text-align:center;background:var(--tint);color:var(--sca);font-weight:700}.sd-help li p{font-size:12px;color:var(--mute);margin:3px 0}.sd-help li svg{width:76px;flex:none;color:var(--sca)}.sd-help li b{font-size:13px}.sd-tips{margin:12px 16px;background:var(--tint2);padding:12px;font-size:12px;color:var(--dim)}.sd-help-q{padding:0;border-radius:50%;min-height:22px;width:22px;vertical-align:middle;margin-left:6px}.sd-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.sd-panel [hidden],.sd-help [hidden]{display:none!important}.sd-diagram-row{margin:12px 0;border:1px solid var(--line2);border-radius:10px;padding:12px;background:var(--card)}.sd-diagram-row img{display:block;max-width:100%;max-height:310px;margin:8px auto}.sd-diagram-row .sd-tag{font:600 11px Inter,sans-serif;background:var(--tint);border-radius:4px;padding:4px 7px}.sd-diagram-row p{font-size:12px;color:var(--mute)}.sd-failed{border:2px dashed #b07a00;background:repeating-linear-gradient(135deg,var(--warn-bg),var(--warn-bg) 12px,var(--warn-bg) 12px,var(--warn-bg) 24px);padding:16px;color:var(--warn-ink)}.sd-failed strong{font-size:14px}.sd-failed .sd-button{background:#f5c766;border-color:#d9a63a;color:var(--warn-ink)}.sd-approved-banner{padding:12px;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:8px;color:var(--warn-ink);margin:12px 0}.sd-crop-bar{padding:10px;border-top:1px solid var(--line2);background:var(--warn-bg);display:flex;gap:8px;flex-wrap:wrap}.sd-crop-bar p{flex:1;min-width:180px;font-size:12px}.sd-crop-stage:has(.sd-crop-box) img{max-height:none}.sd-help::backdrop{background:transparent}
@media(max-width:600px){.sd-panel{inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:94dvh;border-radius:16px 16px 0 0}.sd-panel header{position:sticky;top:0;z-index:5}.sd-panel footer{flex-wrap:wrap}.sd-panel footer small{max-width:none}.sd-panel footer .sd-toolbar{margin-left:auto}.sd-body{padding:12px 14px}.sd-help{left:8px!important;bottom:8px;top:auto!important;width:calc(100vw - 16px);max-width:none}.sd-mode{padding:10px;gap:8px}.sd-panel h2{font-size:24px}}

.sd-crop-stage img{height:auto;max-height:none}.sd-upload-preview .sd-toolbar{position:relative;z-index:5;margin-top:8px}

.sd-handle::after{content:"";position:absolute;inset:-15px}.sd-help-q{position:relative}.sd-help-q::after{content:"";position:absolute;inset:-11px}
.sd-upload-preview{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px}.sd-upload-preview .sd-crop-stage{grid-column:1;grid-row:1/4;align-self:center}.sd-upload-preview .sd-toolbar{grid-column:2;grid-row:2;margin:0}.sd-upload-preview>p{grid-column:2;grid-row:1;margin:0;font-size:12px;overflow-wrap:anywhere}.sd-upload-preview>button{grid-column:2;grid-row:3}.sd-upload-preview:has(.sd-crop-box),.sd-upload-preview:has(.sd-crop-stage[hidden]){display:block}.sd-upload-preview:has(.sd-crop-box) .sd-toolbar{margin-top:8px}.sd-upload-preview:has(.sd-crop-box) p{margin-top:8px}@media(max-width:600px){.sd-upload-preview{grid-template-columns:84px minmax(0,1fr);gap:6px 8px}.sd-upload-preview .sd-button{padding:8px;font-size:12px}}