:root{--bg:#0b1118;--surface:#111a24;--surface-2:#192635;--accent:#33d1ff;--text:#e6eef8;--muted:#8fa3bb;--danger:#f06666;--success:#78d9a4}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Segoe UI,Inter,sans-serif;background:radial-gradient(circle at 10% 10%,#152433 0,var(--bg) 55%);color:var(--text)}a{color:var(--accent);text-decoration:none}.page{min-height:100vh;display:grid;place-items:center}.card,.page{padding:24px}.card{width:min(560px,100%);border:1px solid #28425b;background:linear-gradient(180deg,rgba(25,38,53,.96),rgba(17,26,36,.96));border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.35)}.row{display:flex;gap:12px;flex-wrap:wrap}label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:6px}button,input,select{border-radius:10px;border:1px solid #314f6d;background:#0f1720;color:var(--text);padding:10px 12px}input{width:100%}button{cursor:pointer;transition:transform .15s ease,border-color .15s ease}button:hover{border-color:var(--accent);transform:translateY(-1px)}button.primary{background:linear-gradient(120deg,#1f8eb0,#2db7d8);color:#061019;font-weight:700}button.danger{background:#2b1214;border-color:#6f2a31;color:#ffc6cb}button.danger:hover{border-color:#f06666}.error{color:var(--danger)}.success{color:var(--success)}.dropzone{border:2px dashed #3e617f;border-radius:14px;padding:28px;text-align:center;color:var(--muted);background:rgba(10,18,26,.8);transition:border-color .15s ease,background .15s ease,transform .15s ease}.dropzone.active{border-color:var(--accent);background:rgba(25,47,66,.85);transform:scale(1.01)}.topbar{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shell{width:min(1100px,100%)}table{width:100%;border-collapse:collapse;margin-top:12px}.studiesTable{display:table}.studiesMobileList{display:none}.studyMobileCard{border:1px solid #2a4258;border-radius:12px;background:rgba(10,18,26,.82);padding:12px;margin-top:10px}.studyMobileField,.studyMobileHeader{margin-bottom:10px}.studyMobileField span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}.studyMobileField p{margin:0;font-size:.92rem}.studyMobileActions,.studyMobileShares{margin-top:10px;font-size:.9rem;line-height:1.8;word-break:break-word}.mobileActionRow{display:flex;flex-wrap:wrap;gap:8px}.mobileActionButton{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 10px;border-radius:10px;border:1px solid #314f6d;background:#0f1720;color:var(--text);font-size:.85rem;text-decoration:none}.mobileActionButton.danger{background:#2b1214;border-color:#6f2a31;color:#ffc6cb}.mobileShareList{display:flex;flex-direction:column;gap:10px}.mobileShareItem{border:1px solid #2a4258;border-radius:10px;padding:10px;background:rgba(12,20,28,.85)}td,th{text-align:left;border-bottom:1px solid #2a4258;padding:8px;font-size:.9rem}.viewerFrame{width:100%;height:80vh;border:1px solid #2f4a63;border-radius:12px;background:#000}.viewerCard{width:min(1500px,100%)}.viewerCard.maximized{position:fixed;inset:12px;width:auto;height:auto;z-index:1000;margin:0;border-color:#3d607f;display:flex;flex-direction:column}.viewerCard.maximized .viewerFrame{flex:1 1;height:auto;min-height:0}.viewerPage{min-height:100vh;display:flex;flex-direction:column;background:#02060b}.viewerTopbar{padding:10px 14px;border-bottom:1px solid #173046;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(12,24,36,.96),rgba(6,12,18,.96))}.viewerTopbar h1{margin:0;font-size:1rem}.viewerTopbar p{margin:4px 0 0;font-size:.8rem;color:var(--muted);max-width:min(70vw,900px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewerToolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid #173046;background:rgba(8,16,24,.95)}.viewerCounter{color:var(--muted);align-self:center;margin-left:auto}.viewerError{margin:10px 14px 0}.viewerCanvasWrap{flex:1 1;min-height:0;padding:10px}.viewerCanvas{width:100%;height:100%;min-height:360px;border:1px solid #1d3f5d;border-radius:10px;overflow:hidden;background:#000}.viewerLayout{height:100dvh;max-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 8% 6%,#102032 0,#060b12 60%);overflow:hidden}.viewerHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #1f3c58;background:linear-gradient(180deg,rgba(10,22,34,.98),rgba(6,13,20,.96))}.viewerHeader h1{margin:0;font-size:1.05rem}.viewerHeader p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.viewerMain{flex:1 1;min-height:0;display:grid;grid-template-columns:280px 1fr;overflow:hidden}.viewerSidebar{border-right:1px solid #1f3c58;background:rgba(9,18,28,.95);padding:12px;min-height:0;overflow-y:auto;overflow-x:hidden}.viewerSidebar h3{margin:0 0 10px;font-size:.9rem;color:#b7d3ee}.mutedText{color:var(--muted);font-size:.85rem}.seriesList{display:flex;flex-direction:column;gap:8px}.seriesItem{text-align:left;width:100%;background:#0c1825;border:1px solid #2c4a67;border-radius:10px;padding:10px}.seriesItem.active{border-color:var(--accent);background:#13283c}.seriesItem.dragging{opacity:.65;border-color:#66dcff}.seriesTitle{font-size:.88rem;font-weight:600;color:#e1ecf9}.seriesMeta{margin-top:4px;font-size:.78rem;color:var(--muted)}.seriesThumb{object-fit:contain;border-radius:8px;border:1px solid #26455f;background:#050a11}.seriesThumb,.seriesThumbPlaceholder{width:100%;height:88px;margin-bottom:8px}.seriesThumbPlaceholder{border-radius:8px;border:1px dashed #35556f;display:grid;place-items:center;color:#88a8c2;font-size:.78rem}.viewerCenter{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.viewerToolbarStrip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #1f3c58;background:rgba(8,16,24,.96);flex-shrink:0}.mobileToolbar{display:none}.viewerToolbarStrip.polished{background:linear-gradient(180deg,rgba(9,17,26,.98),rgba(8,16,24,.92));border-bottom:1px solid #2d4d6b}.toolGroup{display:flex;gap:6px;padding-right:8px;border-right:1px solid #28435d}.toolGroup:last-of-type{border-right:none}.viewerStatus{margin-left:auto;font-size:.85rem;color:#b8cde3}.viewerBanner{margin:8px 12px 0;padding:8px 10px;border-radius:8px;background:#102131;border:1px solid #2f4e69;color:#c5d8ed;font-size:.85rem}.viewportContainer,.viewportGrid{flex:1 1;min-height:0;padding:10px}.viewportGrid{display:grid;grid-gap:10px;gap:10px;overflow:hidden}.viewportGrid.grid1x1{grid-template-columns:1fr;grid-template-rows:1fr}.viewportGrid.grid1x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.viewportGrid.grid2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.viewportTile{border:1px solid #2a4863;border-radius:10px;background:#060c13;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.viewportTile.active{border-color:#4bc3f2;box-shadow:inset 0 0 0 1px #4bc3f2}.viewportTile.fastCursor-stack{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2345f3b6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16'/%3E%3Cpath d='M9 7l3-3 3 3'/%3E%3Cpath d='M9 17l3 3 3-3'/%3E%3C/g%3E%3C/svg%3E") 12 12,ns-resize}.viewportTile.fastCursor-window{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2345f3b6' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='6.5'/%3E%3Cpath d='M12 3.5v3M12 17.5v3M3.5 12h3M17.5 12h3'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}.viewportTile.fastCursor-pan{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2345f3b6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M4 12h16'/%3E%3Cpath d='M12 4l-2.5 2.5M12 4l2.5 2.5M20 12l-2.5-2.5M20 12l-2.5 2.5M12 20l-2.5-2.5M12 20l2.5-2.5M4 12l2.5-2.5M4 12l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E") 12 12,move}.viewportTile.fastCursor-zoom{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2345f3b6' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='5.5'/%3E%3Cpath d='M14.5 14.5L20 20'/%3E%3Cpath d='M10 7.5v5M7.5 10h5'/%3E%3C/g%3E%3C/svg%3E") 12 12,zoom-in}.viewportTile.fastCursor-length{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2345f3b6' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 18L19 6'/%3E%3Ccircle cx='5' cy='18' r='1.5'/%3E%3Ccircle cx='19' cy='6' r='1.5'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}.viewportTile.fastCursor-angle{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2345f3b6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18L12 12 19 16'/%3E%3Cpath d='M12 12L12 5'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}.viewportTile.fastCursor-rect{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='5' y='6' width='14' height='11' fill='none' stroke='%2345f3b6' stroke-width='1.8'/%3E%3C/svg%3E") 12 12,crosshair}.viewportTile.fastCursor-ellipse{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='12' rx='7.5' ry='5.5' fill='none' stroke='%2345f3b6' stroke-width='1.8'/%3E%3C/svg%3E") 12 12,crosshair}.viewportTile.fastCursor-arrow{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2345f3b6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18L19 6'/%3E%3Cpath d='M15 6h4v4'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}.viewportTile.dragOver{border-color:#66dcff;box-shadow:inset 0 0 0 2px rgba(102,220,255,.55)}.viewportTileHeader{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.78rem;color:#c6d9ec;border-bottom:1px solid #203d56;background:linear-gradient(180deg,rgba(12,25,38,.95),rgba(9,18,28,.95))}.viewportCanvas{width:100%;flex:1 1;min-height:280px;background:#000;overflow:hidden;touch-action:none;position:relative}.fastFrameImage{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.fastFrameLayer{position:absolute;inset:0;transform-origin:center center}.fastOverlay,.scoutOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fastMeasureLine{stroke:#33d1ff;stroke-width:2;fill:none}.fastMeasureLine.selected{stroke:#ff7b6b}.fastMeasureLine.draft{stroke-dasharray:4 3}.fastMeasureShape{stroke:#33d1ff;stroke-width:2;fill:rgba(51,209,255,.08)}.fastMeasureShape.selected{stroke:#ff7b6b;fill:rgba(255,123,107,.08)}.fastMeasureShape.draft{stroke-dasharray:4 3;fill:rgba(51,209,255,.04)}.fastMeasureHandle{fill:#33d1ff}.fastMeasureHandle.selected{fill:#ff7b6b}.fastMeasureText{fill:#e9f7ff;stroke:rgba(0,0,0,.45);stroke-width:2px;paint-order:stroke fill;font-size:12px;font-weight:600}.viewportCanvas.fastMode canvas{display:none!important}@media (max-width:980px){.page{padding:10px}.shell.card{padding:14px;border-radius:12px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.dropzone{padding:16px}.dropzone .row{justify-content:flex-start!important}.studiesTable{display:none}.studiesMobileList{display:block}.viewerLayout{position:fixed;inset:0;height:100dvh;max-height:100dvh}.viewerMain{grid-template-columns:1fr;position:relative}.viewerSidebar{position:absolute;left:0;top:0;bottom:0;width:min(78vw,340px);max-width:340px;border-right:1px solid #1f3c58;border-bottom:none;transform:translateX(-100%);transition:transform .2s ease;z-index:20;box-shadow:8px 0 24px rgba(0,0,0,.35)}.viewerSidebar.mobileOpen{transform:translateX(0)}.mobileSidebarBackdrop{position:absolute;inset:0;z-index:15;border:none;background:rgba(3,8,12,.5);padding:0;border-radius:0}.mobileToolbar{display:flex;padding:8px 10px;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobileToolbar::-webkit-scrollbar{display:none}.mobileToolbar .toolGroup{border-right:none;padding-right:0;flex-wrap:nowrap;min-width:max-content;align-items:center}.mobileToolbar button,.mobileToolbar select{padding:8px 10px;font-size:.9rem;white-space:nowrap}.mobileToolbar .viewerStatus,.viewerToolbarStrip.polished{display:none}.viewportGrid.grid1x2,.viewportGrid.grid2x2{grid-template-columns:1fr;grid-template-rows:repeat(auto-fit,minmax(280px,1fr))}.viewportGrid{padding:6px}.viewportCanvas{min-height:0}}