/* B · Tutulma: one glass board, an unfiltered factory panorama and a floating tools rail. */
/* Keep the editor compact on wide screens without scaling text or interaction targets. */
.eclipse-annotation{--ea-cage:#15dfc0;--ea-station:#3297ff;width:100%;max-width:1080px;margin-inline:auto;font:14px/1.5 Portfolio,Arial,Helvetica,sans-serif}
.eclipse-annotation :is(h3,h4,p,fieldset,legend,ul){margin:0;padding:0}
.eclipse-annotation .ea-glass{position:relative;min-width:0;padding:0 16px;background:linear-gradient(120deg,#15212f80,#050b1299 40%,#101a2480);border:1px solid #aab8c6bf;border-radius:18px;box-shadow:inset 0 1px 0 #f5faff30,inset 0 -8px 25px #b5c7d517,0 18px 48px #0005;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.eclipse-annotation .ea-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(123deg,#b8d3e015,transparent 24% 73%,#d4e2ee0d);pointer-events:none}
.eclipse-annotation .ea-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 16px;color:#e8edf3}
.eclipse-annotation .ea-brand{display:flex;align-items:center;gap:12px;min-width:0}
.eclipse-annotation .ea-brand h3{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.025em;text-wrap:nowrap}
.eclipse-annotation .ea-brand>span:last-child{padding-left:14px;border-left:1px solid #8190a452;color:#b0bac7;font-size:14px}
.eclipse-annotation .ea-brand-mark{position:relative;display:block;width:27px;height:32px;overflow:hidden;flex:none}
.eclipse-annotation .ea-brand-mark>img{position:absolute;left:-702px;top:0;width:1605px!important;height:auto!important;max-width:none!important;border-radius:0;filter:none;opacity:1}
.eclipse-annotation .ea-sample{display:flex;align-items:center;gap:9px;color:#d3dce7;font-size:12px;white-space:nowrap}
.eclipse-annotation .ea-sample i{width:6px;height:6px;flex:none;border-radius:50%;background:#76a4b6}
.eclipse-annotation .ea-viewport{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:12/5;background:#05090c;border-radius:11px;touch-action:none;user-select:none;cursor:grab}
.eclipse-annotation .ea-viewport[data-ea-mode="draw"]{cursor:crosshair}
.eclipse-annotation .ea-viewport.is-dragging{cursor:grabbing}
.eclipse-annotation .ea-viewport[data-full-frame="true"]{aspect-ratio:1367/766}
.eclipse-annotation .ea-viewport:focus-visible{outline:2px solid #ecf9ff;outline-offset:4px}
.eclipse-annotation .ea-photo-plane{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1367/766;transform:translateY(-50%);overflow:hidden}
.eclipse-annotation .ea-factory-image{position:absolute!important;left:-32.33358%!important;top:-6.00522%!important;width:139.57571%!important;height:121.14883%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;display:block;margin:0!important;border:0!important;border-radius:0!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;pointer-events:none}
.eclipse-annotation .ea-overlay,.eclipse-annotation .ea-label-layer,.eclipse-annotation .ea-handle-layer{position:absolute;inset:0;width:100%;height:100%}
.eclipse-annotation .ea-label-layer,.eclipse-annotation .ea-handle-layer{pointer-events:none}
.eclipse-annotation .ea-box{fill:#15dfc003;stroke:var(--ea-cage);stroke-width:1.6;vector-effect:non-scaling-stroke;pointer-events:all;cursor:grab}
.eclipse-annotation .ea-box[data-ea-class="station"]{fill:#3297ff03;stroke:var(--ea-station)}
.eclipse-annotation .ea-box.is-selected{stroke-width:2.2;fill:#eaf8ff08}
.eclipse-annotation .ea-box.is-draft{fill:#15dfc012;pointer-events:none}
.eclipse-annotation .ea-viewport[data-ea-mode="draw"] .ea-box{cursor:crosshair}
.eclipse-annotation .ea-box-label{position:absolute;max-width:44%;display:block;padding:3px 8px;border:1px solid var(--ea-cage);border-radius:5px;background:#051014eb;box-shadow:0 1px 4px #0004;color:#f1f6fa;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(6px,6px)}
.eclipse-annotation .ea-box-label[data-ea-class="station"]{border-color:var(--ea-station)}
.eclipse-annotation .ea-corner{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);border:1px solid var(--ea-cage);border-radius:50%;background:#07141a;pointer-events:all;touch-action:none}
.eclipse-annotation .ea-corner[data-ea-class="station"]{border-color:var(--ea-station)}
.eclipse-annotation .ea-corner:before{content:"";position:absolute;inset:-7px}
.eclipse-annotation .ea-corner[data-ea-corner="nw"],.eclipse-annotation .ea-corner[data-ea-corner="se"]{cursor:nwse-resize}
.eclipse-annotation .ea-corner[data-ea-corner="ne"],.eclipse-annotation .ea-corner[data-ea-corner="sw"]{cursor:nesw-resize}
.eclipse-annotation .ea-toolbar{position:relative;display:grid;grid-template-columns:minmax(350px,1.2fr) minmax(280px,1fr) minmax(180px,.75fr) auto;align-items:center;gap:0;margin:0 0 0;padding:18px 0 20px;color:#edf2f7}
.eclipse-annotation .ea-toolbar>div,.eclipse-annotation .ea-toolbar>fieldset{min-width:0;padding-inline:16px;border:0;border-right:1px solid #9caec05c}
.eclipse-annotation .ea-toolbar>div:last-child{border-right:0}
.eclipse-annotation .ea-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
.eclipse-annotation button{min-height:44px;padding:8px 0;scale:1!important;box-shadow:none;font-size:13px;line-height:1.35;white-space:nowrap;transition:color 130ms}
.eclipse-annotation .ea-tools button{display:inline-flex;align-items:center;gap:9px}
.eclipse-annotation .ea-tools svg{flex:none}
.eclipse-annotation button[aria-pressed="true"]{color:#fff}
.eclipse-annotation .ea-tools button[aria-pressed="true"]>span,.eclipse-annotation .ea-class-picker button[aria-pressed="true"]>span{ text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.eclipse-annotation .ea-class-picker{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.eclipse-annotation .ea-class-picker legend{float:left;margin-right:2px;font-size:12px;color:#d4dce6}
.eclipse-annotation .ea-class-picker button{display:inline-flex;align-items:center;gap:8px}
.eclipse-annotation .ea-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ea-cage);flex:none}
.eclipse-annotation .ea-dot--station{background:var(--ea-station)}
.eclipse-annotation .ea-class-summary>span{display:block;margin-bottom:2px;font-size:11px;color:#c5cfdb}
.eclipse-annotation .ea-class-summary [data-ea-counts]{display:grid;gap:1px}
.eclipse-annotation .ea-class-summary button{display:flex;align-items:center;gap:11px;min-height:24px;padding:0;font-size:12px;white-space:normal;text-align:left}
.eclipse-annotation .ea-class-summary b{min-width:13px;font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}
.eclipse-annotation .ea-confirm button{display:flex;align-items:center;gap:9px;font-size:14px}
.eclipse-annotation .ea-confirm button[data-confirmed="true"]{color:#78e8d0}
.eclipse-annotation .ea-below{position:relative;padding-top:16px}
.eclipse-annotation .ea-status{margin:0;min-height:30px;padding-right:280px;color:#b6c2d1;font-size:12px;line-height:1.6}
.eclipse-annotation .ea-details{flex:none;text-align:right;font-size:12px;color:#d4dde8}
.eclipse-annotation .ea-details>summary{position:absolute;top:16px;right:0;display:inline-block;cursor:pointer;min-height:30px;padding-bottom:8px;list-style:none;text-decoration:underline;text-underline-offset:5px}
.eclipse-annotation .ea-details>summary::-webkit-details-marker{display:none}
.eclipse-annotation .ea-details[open]{text-align:left}
.eclipse-annotation .ea-detail-drawer{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(260px,1fr) minmax(260px,1.1fr);gap:28px;margin-top:14px;padding:24px;background:#09111ad9;border:1px solid #60708375;border-radius:12px;color:#e6edf5}
.eclipse-annotation .ea-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;min-height:32px}
.eclipse-annotation .ea-drawer-heading h4{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:-.015em}
.eclipse-annotation .ea-drawer-heading>span{color:#aebac9;font-variant-numeric:tabular-nums}
.eclipse-annotation .ea-drawer-heading button{font-size:12px}
.eclipse-annotation .ea-label-list{list-style:none;max-height:260px;overflow:auto}
.eclipse-annotation .ea-label-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 0;border-bottom:1px solid #53617245;text-align:left;white-space:normal}
.eclipse-annotation .ea-label-list button[aria-pressed="true"]{color:#9af1df}
.eclipse-annotation .ea-label-list button>span{display:flex;align-items:center;gap:9px}
.eclipse-annotation .ea-label-list button>small{flex:none;color:#b2c0cf;font-size:11px}
.eclipse-annotation .ea-form-class{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:12px;color:#b2c0cf}
.eclipse-annotation .ea-form-class select{max-width:75%;min-height:36px;padding:5px 20px 5px 2px;border:0;border-bottom:1px solid #738497;background:#0a121d;color:#eef5fb;border-radius:0}
.eclipse-annotation .ea-coordinate-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.eclipse-annotation .ea-coordinate-fields label{display:block;min-width:0;font-size:11px;color:#c0ccda}
.eclipse-annotation .ea-coordinate-fields label>span{color:#a6b6c9}
.eclipse-annotation .ea-coordinate-fields input{display:block;width:100%;min-height:38px;padding:7px 2px;background:transparent;border:0;border-bottom:1px solid #718299;color:#edf4fb;border-radius:0;font-size:14px;font-variant-numeric:tabular-nums}
.eclipse-annotation .ea-coordinate-form>button{margin-top:8px;color:#8fe9d6}
.eclipse-annotation .ea-error{font-size:12px;color:#ffd3cd;line-height:1.6}
.eclipse-annotation .ea-output-types{display:flex;align-items:center;gap:14px}
.eclipse-annotation .ea-output-types [aria-pressed="true"]{text-decoration:underline;text-underline-offset:5px}
.eclipse-annotation .ea-output-section p,.eclipse-annotation .ea-frame-control p{font-size:11px;color:#b2c0cf;line-height:1.7}
.eclipse-annotation .ea-output-section pre{margin:14px 0;max-height:220px;min-height:100px;overflow:auto;color:#a9e6d9;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#617082 #0a1018}
.eclipse-annotation .ea-frame-control{grid-column:1/-1;padding-top:16px;border-top:1px solid #5a6b7e55}
.eclipse-annotation .ea-frame-control label{display:inline-flex;align-items:center;gap:10px;min-height:36px;color:#e3ecf5;font-size:12px}
.eclipse-annotation .ea-frame-control input{width:16px;height:16px;margin:0}
.eclipse-annotation .ea-frame-control p+p{margin-top:5px}
.eclipse-annotation .ea-disclosure{position:relative;max-width:95ch;margin-top:12px;color:#a9b6c6;font-size:11px;line-height:1.7}
@media(max-width:1200px){.eclipse-annotation .ea-toolbar{grid-template-columns:minmax(270px,1.1fr) minmax(215px,1fr) minmax(155px,.7fr) auto}.eclipse-annotation .ea-toolbar>div,.eclipse-annotation .ea-toolbar>fieldset{padding-inline:16px}.eclipse-annotation .ea-tools{gap:12px}.eclipse-annotation .ea-tools button{gap:7px}.eclipse-annotation .ea-tools svg{width:19px;height:19px}.eclipse-annotation .ea-class-picker{gap:8px 14px}.eclipse-annotation .ea-class-picker legend{width:100%;font-size:11px}.eclipse-annotation .ea-class-picker button{min-height:30px;font-size:12px}.eclipse-annotation .ea-class-summary button{font-size:11px}.eclipse-annotation .ea-detail-drawer{gap:20px;padding:20px;grid-template-columns:minmax(160px,.8fr) minmax(220px,1fr) minmax(230px,1.1fr)}}
@media(max-width:950px){.eclipse-annotation .ea-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:10px 14px;gap:10px 0}.eclipse-annotation .ea-toolbar>.ea-tools{border-right:1px solid #9caec05c}.eclipse-annotation .ea-toolbar>.ea-class-picker{border:0}.eclipse-annotation .ea-toolbar>.ea-class-summary{display:flex;align-items:center;gap:18px;padding-top:8px;border-top:1px solid #71829842;border-right:0}.eclipse-annotation .ea-class-summary [data-ea-counts]{display:flex;gap:16px}.eclipse-annotation .ea-class-summary>span{display:none}.eclipse-annotation .ea-toolbar>.ea-confirm{align-self:stretch;display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #71829842}.eclipse-annotation .ea-class-picker legend{width:auto}.eclipse-annotation .ea-detail-drawer{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.eclipse-annotation .ea-output-section{grid-column:1/-1}.eclipse-annotation .ea-output-section pre{max-height:170px}}
@media(max-width:800px){.eclipse-annotation .ea-glass{padding-inline:10px;border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(120deg,#15212fc9,#050b12e6 40%,#101a24c9)}.eclipse-annotation .ea-header{padding:10px 8px;min-height:54px}.eclipse-annotation .ea-brand{gap:8px}.eclipse-annotation .ea-brand h3{font-size:18px}.eclipse-annotation .ea-brand>span:last-child{padding-left:9px;font-size:12px}.eclipse-annotation .ea-brand-mark{width:25px;scale:.85;transform-origin:left center;margin-right:-3px}.eclipse-annotation .ea-sample{font-size:11px;gap:6px}.eclipse-annotation .ea-viewport{aspect-ratio:1367/766;border-radius:8px}.eclipse-annotation .ea-toolbar{gap:6px;padding-block:10px 12px;grid-template-columns:minmax(0,1fr)}.eclipse-annotation .ea-toolbar>div,.eclipse-annotation .ea-toolbar>fieldset{padding:0 8px;border-right:0}.eclipse-annotation .ea-toolbar>.ea-tools{justify-content:space-between;border-right:0;border-bottom:1px solid #71829842;padding-bottom:6px;gap:8px}.eclipse-annotation button{font-size:12px}.eclipse-annotation .ea-tools button{gap:6px}.eclipse-annotation .ea-tools svg{width:18px;height:18px}.eclipse-annotation .ea-class-picker{gap:12px}.eclipse-annotation .ea-class-picker legend{margin-right:5px}.eclipse-annotation .ea-class-picker button{min-height:36px}.eclipse-annotation .ea-toolbar>.ea-class-summary{display:none}.eclipse-annotation .ea-toolbar>.ea-confirm{justify-content:flex-end;padding:6px 8px 0;border-top:1px solid #71829842}.eclipse-annotation .ea-confirm button{min-height:36px;font-size:13px}.eclipse-annotation .ea-below{display:block;padding-top:12px}.eclipse-annotation .ea-details{margin-top:9px;text-align:left}.eclipse-annotation .ea-status{font-size:11px}.eclipse-annotation .ea-details>summary{font-size:11px}.eclipse-annotation .ea-detail-drawer{display:block;padding:16px}.eclipse-annotation .ea-detail-drawer>div+div{margin-top:22px}.eclipse-annotation .ea-label-list{max-height:210px}.eclipse-annotation .ea-box-label{font-size:11px;padding:2px 5px;line-height:16px;transform:translate(3px,3px)}.eclipse-annotation .ea-box-label .ea-box-label-name{display:none}.eclipse-annotation .ea-coordinate-fields{gap:10px}.eclipse-annotation .ea-disclosure{font-size:11px}}
@media(max-width:390px){.eclipse-annotation .ea-header{flex-wrap:wrap;gap:3px;padding-block:8px}.eclipse-annotation .ea-sample{margin-left:30px;margin-bottom:4px}.eclipse-annotation .ea-tools button{gap:5px;font-size:11px}.eclipse-annotation .ea-tools svg{width:16px;height:16px}.eclipse-annotation .ea-class-picker{gap:8px 12px}.eclipse-annotation .ea-class-picker legend{width:100%;margin:0}.eclipse-annotation .ea-class-picker button{font-size:11px}.eclipse-annotation .ea-coordinate-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eclipse-annotation .ea-drawer-heading{gap:10px}}
@media(max-width:800px){.eclipse-annotation .ea-status{min-height:0;padding-right:0}.eclipse-annotation .ea-details>summary{position:static}}