/* Address Label Studio: deliberately saturated dark workspace, even on the light site theme. */
.ls-workspace{grid-template-columns:minmax(295px,.88fr) minmax(0,1.12fr);gap:20px;align-items:start}
.ls-workspace .ev-form-panel,.ls-workspace .ev-preview-panel{background:#0d1934;color:#eef6ff;border:1px solid #3b5286;border-radius:23px;min-width:0;padding:14px;box-shadow:0 20px 60px #020d2e77}
.ls-workspace .ev-panel-head{padding:10px 12px;margin-bottom:9px}.ls-workspace .ev-panel-head h2{color:#e8f6ff}
.ls-workspace .ev-preview-content{padding:0;min-width:0;display:block;overflow:visible}
.ls-workspace .ev-summary{color:#b5d2ea;border-color:#3b5286}
.ls-controls,.ls-preview{min-width:0;background:radial-gradient(circle at 100% 0,#253c75,#17284c 39%,#0d1934 95%);border-radius:18px;padding:clamp(14px,2.3vw,25px);display:grid;gap:15px;color:#f0f7ff}
.ls-preview{background:radial-gradient(circle at 10% 0,#225172 0,#15284d 37%,#111e38 100%);padding:18px;gap:13px}
.ls-overline{font-size:11px;letter-spacing:.12em;color:#84e9ff;font-weight:850}
.ls-controls>.ls-overline{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ls-free{background:#1a675d;color:#b7ffe8;border:1px solid #6be6c563;border-radius:30px;padding:7px 9px;white-space:nowrap;letter-spacing:0}
.ls-group{border:1px solid #354c80;background:#14264b;border-radius:16px;padding:16px;display:grid;gap:12px;min-width:0}
.ls-group h3{font-size:15px;font-weight:850;color:#f6fbff;margin:0;display:flex;gap:10px;align-items:center}
.ls-group h3 b{border-radius:11px;color:white;background:linear-gradient(140deg,#665bea,#009bad);padding:7px 9px;font-size:12px}
.ls-controls label,.ls-editor label{display:grid;gap:7px;min-width:0;color:#cde3ff;font-size:12.5px;font-weight:750;line-height:1.35}
.ls-controls input:not([type=checkbox]):not([type=file]),.ls-controls textarea,.ls-controls select,.ls-editor textarea{box-sizing:border-box;width:100%;border:1px solid #426092;border-radius:12px;background:#1c335b;color:#fff;outline-offset:2px;padding:11px 12px;line-height:1.4;font:inherit;font-size:14px;min-width:0}
.ls-controls textarea{resize:vertical;line-height:1.55;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:84px}
.ls-controls textarea#lsData{min-height:125px}
.ls-controls select{appearance:auto}
.ls-controls input:focus,.ls-controls select:focus,.ls-controls textarea:focus,.ls-editor textarea:focus{outline:2px solid #59e4fe;border-color:#73d6f9}
.ls-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ls-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.ls-row>*{flex:1}
.ls-file,.ls-controls button,.ls-pager button,.ls-editor button{border:1px solid #4a6599;border-radius:12px;background:#283d68;color:#dceeff;padding:11px 13px;font-weight:800;cursor:pointer;transition:filter .15s,transform .15s;white-space:normal;text-align:center}
.ls-file{position:relative;cursor:pointer;display:flex!important;align-items:center;justify-content:center;font-size:12.5px!important;background:#18516a;color:#c0f5fa!important}
.ls-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ls-controls button:hover:not(:disabled),.ls-pager button:hover:not(:disabled),.ls-editor button:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}
.ls-primary,.ls-controls button.ls-primary,.ls-editor button.ls-primary{background:linear-gradient(110deg,#7355ed,#0d9bbd);border-color:#96a0ff;color:white;box-shadow:0 8px 26px #553ddd5e}
.ls-secondary,.ls-controls button.ls-secondary{background:linear-gradient(115deg,#196a65,#124860);color:#c6fff3;border-color:#319b8f}
.ls-quiet{background:#20355b!important;color:#dbe9fe!important}
.ls-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:9px}
.ls-actions button{min-width:0}
.ls-export{grid-template-columns:repeat(3,minmax(0,1fr))}
.ls-export button{font-size:11.5px;padding:10px 5px}
.ls-tip,.ls-advanced p{font-size:12px;line-height:1.6;margin:0;color:#abc9e8}
.ls-tokens{display:flex;gap:5px;flex-wrap:wrap;color:#aed6f2;font-size:11.5px;line-height:1.6}
.ls-tokens span{background:#255770;border:1px solid #3c7991;color:#c6f8ff;border-radius:7px;padding:2px 6px}
.ls-advanced{border:1px solid #3b5a85;background:#1b3258;border-radius:13px;padding:12px}
.ls-advanced summary{cursor:pointer;color:#a6f5ff;font-weight:800;font-size:13px;display:flex;justify-content:space-between}
.ls-advanced[open]{display:grid;gap:11px}
.ls-check{display:flex!important;align-items:center;gap:8px!important}.ls-check input{width:18px;height:18px;accent-color:#31d6bf}
.ls-alert{border:1px solid #ff9c76;background:#683326;color:#ffdfc6;font-size:12.5px;padding:12px;border-radius:11px;line-height:1.55}
.ls-alert:empty{display:none}
.ls-status{margin:0;font-size:12px;color:#c2e5ff;line-height:1.6}
.ls-preview-top{display:flex;justify-content:space-between;align-items:start;gap:10px}
.ls-preview-top h3{margin:8px 0 0;font-size:21px;color:#fff;line-height:1.25}
.ls-ready{font-size:10px;letter-spacing:.09em;font-weight:900;border:1px solid #4fd5bb60;background:#195a56;color:#b6ffea;border-radius:24px;padding:8px 10px;white-space:nowrap}
.ls-ready.ls-bad{background:#64352d;color:#ffe0cb;border-color:#ffae8e}
.ls-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ls-metrics>div{border-radius:13px;background:#21375d;border:1px solid #3d5b8b;padding:11px;min-width:0}
.ls-metrics span{display:block;color:#a6c3e7;font-size:11px}.ls-metrics strong{font-size:25px;color:#fff;display:block;line-height:1.5}
.ls-pager{display:flex;justify-content:center;align-items:center;gap:13px;color:#edf6ff;font-size:13px;font-weight:750}
.ls-pager button{min-width:42px;padding:8px}.ls-pager button:disabled{opacity:.36;cursor:not-allowed}
.ls-sheet-viewport{overflow:auto;min-width:0;border-radius:15px;border:1px solid #6b88b7;background:repeating-linear-gradient(45deg,#274368,#274368 9px,#1e365b 9px,#1e365b 18px);padding:14px;max-height:740px;display:flex;justify-content:center}
#lsSheetHost{position:relative;min-width:0;flex-shrink:0}
.ls-paper{position:relative;background:#fff;color:#17253d;box-shadow:0 8px 28px #0208185a;overflow:hidden;box-sizing:border-box}
.ls-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;background:#fff;overflow:hidden;padding:1.6mm 2.7mm;line-height:1.22;white-space:pre-wrap;overflow-wrap:anywhere;text-align:var(--align,left);font-family:Arial,Helvetica,sans-serif;color:#15213a}
.ls-label:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.15mm;background:var(--accent,#19a0d4);opacity:.95}
.ls-label>span{display:block;max-height:100%;overflow:hidden}
.ls-label .ls-first{font-weight:var(--weight,800)}
.ls-label.ls-empty{border:1px dashed #bacada;background:#fafbff}
.ls-paper.ls-guides .ls-label{outline:1px dotted #8d9caf}
.ls-label.ls-empty:before{display:none}
.ls-label.ls-selected{box-shadow:inset 0 0 0 1.2mm #dd4eac;z-index:2}
.ls-preview-paper .ls-label[data-index]{cursor:pointer}
.ls-preview-paper .ls-label[data-index]:focus-visible{outline:2px solid #c73882;outline-offset:-2px}
.ls-caption{color:#bcdbf0;font-size:12px;margin:0;line-height:1.65}
.ls-editor{padding:14px;border-radius:13px;background:#213a60;border:1px solid #6591bf;display:grid;gap:11px}
.ls-editor[hidden]{display:none}
.ls-editor-head{display:flex;align-items:center;justify-content:space-between;color:#edf7ff}
.ls-editor-head button{padding:4px 10px;font-size:22px}
.ls-editor textarea{min-height:85px}
.ls-warning{padding:14px;margin:0;border:1px solid #c3913d;border-radius:12px;color:#ffe4ac;background:#493a29;font-size:12px;line-height:1.7}
.ls-guide{max-width:1150px}.ls-guide code{font-size:.87em}
#lsPrintRoot{display:none}
@media(max-width:860px){.ls-workspace{grid-template-columns:minmax(0,1fr)}.ls-preview{padding:13px}}
@media(max-width:420px){.ls-mini-grid{grid-template-columns:1fr}.ls-group{padding:13px}.ls-actions{grid-template-columns:1fr}.ls-export{grid-template-columns:repeat(3,minmax(0,1fr))}.ls-preview-top h3{font-size:18px}.ls-sheet-viewport{padding:7px}}
@media print{
 @page{margin:0}
 html,body{margin:0!important;padding:0!important;width:auto!important;height:auto!important;background:white!important}
 body>*:not(#lsPrintRoot){display:none!important}
 #lsPrintRoot{display:block!important;margin:0!important;padding:0!important}
 #lsPrintRoot .ls-paper{box-shadow:none!important;overflow:hidden!important;margin:0!important;padding:0!important;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #lsPrintRoot .ls-paper:last-child{break-after:auto;page-break-after:auto}
 #lsPrintRoot .ls-label{outline:0;background:white}
 #lsPrintRoot .ls-paper.ls-guides .ls-label{outline:.25mm dashed #848484!important}
 #lsPrintRoot .ls-label.ls-empty{background:transparent;border:0}
 #lsPrintRoot .ls-paper.ls-guides .ls-label.ls-empty{outline:.25mm dashed #848484!important}
}
/* Native hidden state wins over layout display declarations on all themes. */
.ls-workspace [hidden],.ls-file[hidden]{display:none!important}


/* Visual-first usability improvement: beginner journey + prominent readable label proof. */
.ls-onboard{position:relative;isolation:isolate;overflow:hidden;padding:18px;border:1px solid #62caec75;border-radius:17px;background:linear-gradient(125deg,#214789 0%,#25367a 42%,#3d2a74 100%);box-shadow:0 12px 36px #08093f3b}
.ls-onboard:after{content:"";position:absolute;right:-45px;top:-55px;width:140px;height:140px;border-radius:50%;background:#46edf139;filter:blur(18px);z-index:-1}
.ls-onboard strong{display:block;font-size:16px;letter-spacing:-.015em;font-weight:900;color:#fff}
.ls-onboard p{color:#e0edff;margin:7px 0 13px;line-height:1.55;font-size:12.5px}
.ls-journey{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;color:#bed2ff;font-size:11px;font-weight:750}
.ls-journey span:nth-child(odd){display:inline-flex;align-items:center;gap:6px;color:#f4fbff}
.ls-journey b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:#26bbd0;color:#081e3f;font-size:12px}
.ls-journey span:nth-child(5) b{background:#c28dff}
.ls-zoom{padding:15px;border-radius:17px;border:1px solid #5b7eaf;background:linear-gradient(145deg,#1e3e74,#19254b);box-shadow:0 12px 28px #050b2955;display:grid;gap:11px}
.ls-zoom-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;color:#c7efff;font-size:11px;font-weight:850;letter-spacing:.07em}
.ls-zoom-top strong{border-radius:50px;padding:6px 9px;background:#293d68;color:#edf7ff;border:1px solid #658cb6;font-weight:800;font-size:11px;letter-spacing:0}
.ls-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5bf9da;box-shadow:0 0 0 4px #48e6e133;margin-right:4px}
.ls-zoom-paper{border-radius:13px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:108px;padding:16px 17px 16px 23px;background:#f9fdff;color:#132747;position:relative;box-shadow:inset 0 0 0 1px #d4e3f3,0 8px 22px #090f2a44;font:500 15px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-wrap:anywhere;white-space:pre-wrap}
.ls-zoom-paper:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:5px;border-radius:0 6px 6px 0;background:var(--accent,#2fa8db)}
.ls-zoom-paper span{display:block;min-width:0}
.ls-zoom-paper .ls-zoom-first{font-size:18px;line-height:1.3;font-weight:var(--weight,800);color:#102047}
.ls-zoom p{color:#d5e5ff;font-size:12px;line-height:1.55;margin:0}
.ls-preview-command{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:9px}
.ls-preview-command button{padding:12px;border:1px solid #729ada;border-radius:12px;cursor:pointer;font:800 13px/1.3 ui-sans-serif,system-ui;color:#fff;min-height:44px}
.ls-preview-command .ls-primary{background:linear-gradient(115deg,#7653ed,#0d9cc7);box-shadow:0 8px 20px #071e5569}
.ls-preview-command .ls-secondary{background:#196a66;color:#e0fff4;border-color:#46c3ac}
.ls-preview-command button:hover:not(:disabled){filter:brightness(1.18)}
.ls-preview-command button:disabled{opacity:.5;cursor:not-allowed}
.ls-preview-command button:focus-visible,.ls-controls button:focus-visible,.ls-pager button:focus-visible{outline:3px solid #78ffff;outline-offset:3px}
@media(max-width:390px){
 .ls-preview-command{grid-template-columns:1fr}
 .ls-zoom{padding:12px}.ls-onboard{padding:14px}
 .ls-journey{font-size:10px;gap:3px}
 .ls-zoom-paper{font-size:14px;min-height:92px}
}


/* Keep the giant, mostly empty sheet from pushing every important action below the fold. */
.ls-sheet-viewport{max-height:510px;overscroll-behavior:contain;scrollbar-color:#7794c2 #223657}
@media(max-width:860px){.ls-sheet-viewport{max-height:440px}}
@media(max-width:430px){.ls-sheet-viewport{max-height:380px}}
