:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce9ff;background-color:#0d1117;font-family:Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,#1b263b 0%,#0d1117 50%,#080a0d 100%);min-width:320px;height:100vh;margin:0;overflow:hidden}#root{height:100vh}.app-shell{grid-template-rows:auto 1fr;height:100vh;min-height:0;display:grid}.toolbar{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e16e6;border-bottom:1px solid #233147;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 20px;display:flex;position:relative}.toolbar-left{align-items:center;gap:12px;display:flex}.toolbar-left h1{margin:0;font-size:1.1rem}.status-tag{color:#a8c4ea;border:1px solid #35507d;border-radius:999px;padding:4px 10px;font-size:.8rem}.gamepad-settings{z-index:20;background:#09111dfa;border:1px solid #496b9d;border-radius:14px;width:min(520px,100vw - 40px);max-height:calc(100vh - 92px);padding:16px;position:fixed;top:72px;right:20px;overflow:auto;box-shadow:0 18px 48px #0000007a}.gamepad-settings-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.gamepad-settings h2,.gamepad-settings p{margin:0}.gamepad-settings button,.gamepad-settings select{color:#dce9ff;background:#16253a;border:1px solid #304a71;border-radius:8px;padding:6px 10px}.gamepad-settings>label,.gamepad-mapping-grid label{color:#b9ccec;gap:5px;font-size:.82rem;display:grid}.gamepad-settings>label{margin-top:14px}.gamepad-help{color:#a8bedf;font-size:.82rem;margin-top:10px!important}.gamepad-warning{color:#ffd166;margin-top:8px!important}.gamepad-mapping-grid{grid-template-columns:minmax(0,1fr) minmax(130px,.65fr);gap:12px;margin-top:16px;display:grid}.gamepad-invert{align-self:end;align-items:center;min-height:32px;display:flex!important}.gamepad-deadzone input{width:100%}.toolbar-right{flex-wrap:wrap;flex:720px;align-items:center;gap:8px;min-width:0;display:flex}.open-menu-root{position:relative}.open-menu{z-index:30;background:#09111dfa;border:1px solid #496b9d;border-radius:10px;width:min(290px,100vw - 32px);padding:8px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 38px #0000006b}.open-menu-group{gap:4px;padding:8px 0;display:grid}.open-menu-group+.open-menu-group{border-top:1px solid #263b5a}.open-menu-group>span,.open-cloud-form>label{color:#a8c4ea;font-size:.78rem}.open-menu-group button{text-align:left;width:100%}.open-menu-group small{color:#a8c4ea}.open-cloud-form{gap:10px;padding:4px;display:grid}.open-cloud-form .control-input{box-sizing:border-box;width:100%}.open-cloud-form-actions{justify-content:flex-end;gap:8px;display:flex}.share-url-input{max-width:min(260px,45vw)}.toolbar-right button,.file-button{color:#8da9cf;background:#16253a;border:1px solid #304a71;border-radius:8px;padding:6px 10px}.toolbar-right button[title]{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.toolbar-right button:enabled,.file-button{color:#dce9ff;cursor:pointer}.file-button.is-disabled{opacity:.6;cursor:default}.toolbar-toggle.is-active{color:#eff6ff;background:#21406a;border-color:#5f8fd1}.file-input{display:none}.content-layout{grid-template-columns:minmax(0, 1fr) 10px var(--sidebar-width,320px);height:100%;min-height:0;display:grid;overflow:hidden}.viewer-panel{min-height:0;padding:16px;position:relative}.viewer-canvas-container{background:#0f1724;border:1px solid #395278;border-radius:14px;height:100%;overflow:hidden}.viewer-loading-overlay{z-index:4;color:#eef5ff;background:#0a1424eb;border:1px solid #5377a8;border-radius:.5rem;gap:.6rem;min-width:18rem;padding:1rem 1.25rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000059}.viewer-loading-overlay progress{width:100%}.viewer-loading-overlay button{justify-self:end}.viewer-canvas{width:100%;height:100%;display:block}.sidebar-resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:#233147e6;border-left:1px solid #1a2638;border-right:1px solid #1a2638;position:relative}.sidebar-resizer:after{content:"";background:#4b6690;border-radius:999px;width:2px;height:20%;position:absolute;top:40%;left:50%;transform:translate(-50%)}.sidebar{background:#070b12eb;border-left:1px solid #233147;min-height:0;padding:16px;overflow-y:auto}.sidebar h2{margin-top:0;margin-bottom:8px;font-size:1rem}.sidebar p{color:#a8bedf;margin-top:0}.error-text{color:#ffb6ad}@media (width<=900px){.toolbar{flex-direction:column;align-items:flex-start}.toolbar-right{flex-wrap:wrap;flex-basis:100%}body{height:auto;overflow:auto}#root,.app-shell{height:auto;min-height:100vh}.content-layout{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar-resizer{display:none}.viewer-canvas-container{min-height:320px}.sidebar{border-top:1px solid #233147;border-left:0;overflow-y:visible}}.control-label{color:#a8c4ea;align-self:center;margin-left:2px;font-size:.78rem}.control-select,.control-range,.control-color{color:#dce9ff;background:#16253a;border:1px solid #304a71;border-radius:8px;padding:5px 8px}.control-select{min-width:98px}.control-range{width:96px;padding:0}.control-color{width:34px;height:30px;padding:2px}.annotation-list{gap:8px;margin-bottom:12px;display:grid}.annotation-item{color:#dce9ff;cursor:pointer;text-align:left;background:#16253a;border:1px solid #304a71;border-radius:8px;justify-items:start;gap:2px;padding:8px 10px;display:grid}.annotation-item:hover{border-color:#4f6fa1}.annotation-item.is-selected{border-color:#ffd166;box-shadow:inset 0 0 0 1px #ffd16673}.annotation-item-title{font-size:.9rem;line-height:1.2}.annotation-item-id{color:#9eb7dc;font-size:.72rem}.attachment-panel{gap:8px;margin-bottom:12px;display:grid}.attachment-pdf{background:#0f1724;border:1px solid #304a71;border-radius:8px;width:100%;min-height:220px}.attachment-text-frame{background:#0f1724;border:1px solid #304a71;border-radius:8px;width:100%;min-height:180px}.attachment-link{color:#9fc1f0;font-size:.82rem;text-decoration:underline}.annotation-edit-label{color:#a8c4ea;margin-top:8px;margin-bottom:4px;font-size:.78rem;display:block}.annotation-edit-input,.annotation-edit-textarea{color:#dce9ff;background:#16253a;border:1px solid #304a71;border-radius:8px;width:100%;padding:6px 8px}.annotation-edit-textarea{resize:vertical;min-height:72px}.annotation-actions{gap:8px;margin-bottom:8px;display:flex}.annotation-action-button{color:#dce9ff;cursor:pointer;background:#16253a;border:1px solid #304a71;border-radius:8px;padding:6px 10px}.annotation-action-button.danger{background:#3f1e24;border-color:#6e2e39}.attachment-text-content{color:#dce9ff;white-space:pre-wrap;word-break:break-word;background:#0f1724;border:1px solid #304a71;border-radius:8px;max-height:220px;margin:0;padding:10px;font-size:.8rem;line-height:1.35;overflow:auto}