.app{color:#e2e8f0;background:#0b1220;grid-template-rows:52px 1fr;height:100vh;display:grid}.topbar{background:#0f172a;border-bottom:1px solid #1e293b;align-items:center;gap:16px;padding:0 16px;display:flex}.brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.brand__dot{background:#38bdf8;border-radius:999px;width:8px;height:8px;box-shadow:0 0 10px #38bdf8}.badge{color:#94a3b8;background:#111c30;border:1px solid #1e293b;border-radius:999px;padding:4px 10px;font-size:12px}.toast{z-index:70;color:#e2e8f0;background:#0f172a;border:1px solid #1e3a5f;border-radius:8px;max-width:70vw;padding:8px 16px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000073}.toast--error{color:#fca5a5;border-color:#7f1d1d}.topbar .field{color:#7c8aa5;flex-direction:row;align-items:center;gap:6px;font-size:12px;display:flex}.topbar__spacer{flex:1}.topbar__actions{gap:6px;display:flex}.segmented{border:1px solid #1e293b;border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:#94a3b8;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:13px;transition:background .12s,color .12s}.segmented button:hover{color:#e2e8f0}.segmented button.is-on{color:#f8fafc;background:#1d2b45}.segmented--sm{width:100%;margin-bottom:12px}.segmented--sm button{flex:1;padding:5px 0;font-size:12px}.shell{grid-template-columns:var(--panel-left,240px) 6px minmax(0, 1fr) 6px var(--panel-right,264px);min-height:0;display:grid}.side{background:#0f172a;border-right:1px solid #1e293b;padding:12px;overflow:auto}.side--right{border-left:1px solid #1e293b;border-right:0}.main{min-width:0;min-height:0}.board{background:radial-gradient(circle at 50% 40%,#111c30 0%,#0b1220 70%);width:100%;height:100%;position:relative;overflow:hidden}.board__hint{color:#94a3b8;pointer-events:none;white-space:nowrap;background:#0f172ad9;border:1px solid #1f2c44;border-radius:999px;padding:4px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.board__status{color:#7c8aa5;background:#0f172acc;border-radius:6px;gap:12px;padding:3px 10px;font-family:ui-monospace,Consolas,monospace;font-size:11px;display:flex;position:absolute;bottom:10px;right:12px}.panel{flex-direction:column;gap:10px;display:flex}.panel__title{color:#cbd5e1;font-size:13px;font-weight:600}.panel__hint{color:#64748b;font-size:11px;line-height:1.5}.panel__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.muted{color:#64748b;font-size:11px}.empty{color:#64748b;margin:12px 0;font-size:12px;line-height:1.7}.tool-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tool{color:#cbd5e1;height:40px;font:inherit;cursor:pointer;background:#111c30;border:1px solid #1e293b;border-radius:7px;justify-content:center;align-items:center;gap:5px;font-size:12px;transition:border-color .12s,background .12s;display:flex}.tool:hover{background:#16223a;border-color:#334155}.tool.is-on{color:#f8fafc;background:#17233b;border-color:#3b82f6}.tool--player-T{color:#eab308}.tool--player-CT{color:#3b82f6}.tool__dot{border-radius:999px;width:8px;height:8px}.filters{grid-template-columns:1fr 1fr;gap:6px;display:grid}.list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.list__row{color:#cbd5e1;width:100%;font:inherit;text-align:left;cursor:pointer;background:#111c30;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.list__row:hover{border-color:#334155}.list__row.is-on{background:#17233b;border-color:#3b82f6}.list__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.list__meta{color:#64748b;font-size:11px}.dot{border-radius:999px;flex:none;width:8px;height:8px}.field{color:#7c8aa5;flex-direction:column;gap:4px;font-size:11px;display:flex}.field select,.field input{color:#e2e8f0;height:30px;font:inherit;background:#0b1220;border:1px solid #1e293b;border-radius:6px;padding:0 8px;font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.steps{background:#0d1729;border:1px solid #1e293b;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.step{color:#94a3b8;align-items:center;gap:8px;font-size:12px;display:flex}.step.is-done{color:#e2e8f0}.step__name{color:#64748b;white-space:nowrap;flex:none;width:46px}.step__value{flex:1;font-family:ui-monospace,Consolas,monospace;font-size:11px}.shot{align-items:center;gap:8px;display:flex}.shot__preview{object-fit:cover;border:1px solid #1e293b;border-radius:8px;width:100%}.shot__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.shot__item{background:#0b1220;border:1px solid #1e293b;border-radius:6px;position:relative;overflow:hidden}.shot__item img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.shot__loading{aspect-ratio:16/10;color:#475569;place-items:center;font-size:11px;display:grid}.shot__remove{color:#e2e8f0;cursor:pointer;background:#0f172ad9;border:0;border-radius:999px;width:18px;height:18px;padding:0;font-size:12px;line-height:18px;position:absolute;top:3px;right:3px}.row{align-items:center;gap:6px;display:flex}.row select,.row input{flex:1;min-width:0}.icon{flex:none;width:30px;padding:0;font-size:14px;line-height:1}.throw-add{background:#0d1729;border:1px dashed #334155;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.throw-add input{color:#e2e8f0;height:30px;font:inherit;background:#0b1220;border:1px solid #1e293b;border-radius:6px;padding:0 8px;font-size:12px}.throw-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.throw-list li{color:#94a3b8;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.throw-list .ghost{height:24px;padding:0 8px;font-size:11px}.back{align-self:flex-start;height:26px;padding:0 10px;font-size:11px}.editing-bar{color:#94a3b8;background:#0d1729;border:1px dashed #334155;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.throw-cards{flex-direction:column;gap:4px;display:flex}.throw-card{background:#0d1729;border:1px solid #1e293b;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.throw-card__main{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:11px;display:flex}.throw-card__main strong{color:#e2e8f0;font-size:12px;font-weight:600}.throw-block{background:#0d1729;border:1px solid #1e293b;border-radius:8px;flex-direction:column;gap:5px;padding:8px;display:flex}.throw-block__head{align-items:center;gap:6px;font-size:12px;display:flex}.shot__open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.shot__open img{border-radius:4px;width:100%;display:block}.viewer{z-index:120;cursor:zoom-out;background:#020617db;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.viewer img{cursor:default;border-radius:8px;max-width:min(96vw,1400px);max-height:88vh;box-shadow:0 24px 80px #0009}.viewer__close{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:999px;width:34px;height:34px;font-size:14px;position:absolute;top:18px;right:22px}.howto{color:#94a3b8;margin:0;padding-left:18px;font-size:12px;line-height:1.9}.howto .is-done{color:#e2e8f0}.facts{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px;display:grid}.facts dt{color:#64748b}.facts dd{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:11px}.note{color:#94a3b8;border-left:2px solid #334155;margin:0;padding:8px;font-size:12px;line-height:1.6}button{font:inherit}.ghost,.primary,.danger{color:#cbd5e1;cursor:pointer;background:#111c30;border:1px solid #1e293b;border-radius:6px;height:30px;padding:0 12px;font-size:12px}.ghost:hover:not(:disabled){border-color:#334155}.primary{color:#f8fafc;background:#2563eb;border-color:#2563eb}.primary:hover:not(:disabled){background:#3b82f6}.danger{color:#fca5a5;background:#1f1315;border-color:#7f1d1d}.danger:hover{border-color:#ef4444}button:disabled{opacity:.45;cursor:not-allowed}@media (width<=1180px){.shell{grid-template-columns:220px 1fr}.side--right{display:none}}@media (width<=820px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.side{border-bottom:1px solid #1e293b;border-right:0;max-height:42vh}}.throw-card.is-editing{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859}.ghost--sm{padding:2px 8px;font-size:11px}.topbar__select{color:#cbd5e1;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:6px 8px;font-size:12px}.about-trigger{margin-left:6px}.about{z-index:110;background:#020617c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.about__card{cursor:default;background:#0f172a;border:1px solid #1e293b;border-radius:14px;flex-direction:column;width:min(640px,94vw);max-height:84vh;display:flex;box-shadow:0 30px 90px #0000008c}.about__head{border-bottom:1px solid #1e293b;justify-content:space-between;gap:12px;padding:18px 20px;display:flex}.about__title{font-size:16px;font-weight:700}.about__meta{color:#94a3b8;margin-top:5px;font-size:12px}.about__close{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:8px;align-self:flex-start;width:30px;height:30px}.about__log{padding:16px 20px;overflow:auto}.about__entry+.about__entry{margin-top:16px}.about__version{color:#7dd3fc;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.about__now{color:#a5f3fc;background:#164e63;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:500}.about__entry ul{color:#cbd5e1;margin:6px 0 0;padding-left:18px;font-size:12.5px;line-height:1.75}.about__foot{color:#64748b;border-top:1px solid #1e293b;padding:10px 20px;font-size:11px}.list__chevron{color:#64748b;margin-left:auto;font-size:11px}.cluster-card{background:#0b1526;border:1px solid #1e293b;border-radius:10px;flex-direction:column;gap:8px;margin:4px 0 12px;padding:10px;display:flex}.cluster-card__throw{align-items:flex-start;gap:8px;display:flex}.cluster-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.cluster-card__shot{max-width:150px;margin-top:4px}.topbar__select--wide{max-width:180px}.editor{z-index:130;background:#020617d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.editor__card{background:#0f172a;border:1px solid #1e293b;border-radius:14px;flex-direction:column;width:min(1200px,97vw);max-height:94vh;display:flex;box-shadow:0 30px 90px #0009}.editor__head{border-bottom:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 14px;display:flex}.editor__tools,.editor__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.editor__tool{color:#cbd5e1;cursor:pointer;background:#0b1526;border:1px solid #1e293b;border-radius:6px;padding:5px 10px;font-size:12px}.editor__tool.is-on{color:#e0f2fe;background:#1e3a5f;border-color:#38bdf8}.editor__color{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px}.editor__color.is-on{border-color:#e2e8f0}.editor__divider{background:#1e293b;width:1px;height:18px;margin:0 4px}.editor__stage{background:#020617;place-items:center;padding:12px;display:grid;overflow:auto}.editor__stage canvas{cursor:crosshair;background:#020617;max-width:100%;max-height:68vh;box-shadow:0 10px 30px #00000080}.editor__hint{color:#64748b;border-top:1px solid #1e293b;padding:8px 14px;font-size:11px}.capture-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.capture-btn{white-space:nowrap;flex:none;padding:0 10px;font-size:12px}.capture-hint{color:#64748b;white-space:nowrap;font-size:11px}.topbar__link{color:#93c5fd;white-space:nowrap;border:1px solid #1e293b;border-radius:6px;justify-content:center;align-items:center;height:30px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.topbar__link:hover{background:#111c30}@media (width<=1100px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:52px;padding:8px 12px}.topbar__spacer{display:none}.topbar__actions{flex-wrap:wrap;width:100%}.topbar__actions button,.topbar__actions select,.topbar__actions .topbar__link{flex:auto;max-width:none}.topbar__select--wide{flex:2 180px;max-width:none}}@media (width<=900px){.app{grid-template-rows:auto auto;height:auto;min-height:100dvh}.shell{flex-direction:column;min-height:0;display:flex}.main{border-bottom:1px solid #1e293b;order:0;height:60vh;min-height:360px}.side{-webkit-overflow-scrolling:touch;border-top:1px solid #1e293b;border-right:0;order:1;max-height:72vh}.side--right{border-top:1px solid #1e293b;border-left:0;order:2;max-height:none}.board__hint{white-space:normal;text-align:center;max-width:92%;font-size:11px}.badge{display:none}.toast{max-width:88vw;bottom:16px}.editor{padding:8px}.editor__card{width:100%;max-height:96vh}.editor__stage canvas{max-height:58vh}}@media (pointer:coarse){.board canvas{touch-action:none}}@media (width<=900px){.topbar{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:8px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right))}.app{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=1100px){.app{grid-template-rows:auto 1fr}}.topbar__actions-wrap{display:contents}.topbar__archive-toggle,.mobile-nav{display:none}@media (width<=900px){.app{grid-template-rows:auto 1fr auto;height:100dvh;min-height:100dvh;padding-bottom:0;overflow:hidden}.shell{height:100%;min-height:0;display:block;overflow:hidden}.shell>.side,.shell>.main{display:none}.shell--mobile-map>.main{border:0;height:100%;min-height:0;display:block}.shell--mobile-list>.side:first-child,.shell--mobile-detail>.side--right{border:0;height:100%;max-height:none;padding:10px;display:block;overflow:auto}.topbar{padding:7px max(10px, env(safe-area-inset-left)) 7px max(10px, env(safe-area-inset-right));padding-top:max(7px, env(safe-area-inset-top));flex-wrap:wrap;gap:6px}.topbar .field>span{display:none}.topbar__archive-toggle{margin-left:auto;display:inline-flex}.topbar__actions-wrap{order:20;width:100%;display:none}.topbar__actions-wrap.is-open{display:block}.topbar__actions-wrap .topbar__actions{flex-wrap:wrap;width:100%}.topbar__actions-wrap .topbar__actions button,.topbar__actions-wrap .topbar__actions select,.topbar__actions-wrap .topbar__actions .topbar__link{flex:auto}.topbar__select--wide{flex:2 140px}.mobile-nav{padding:5px max(8px, env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));background:#0f172a;border-top:1px solid #1e293b;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mobile-nav button{color:#94a3b8;height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-size:13px}.mobile-nav button.is-on{color:#f8fafc;background:#111c30;border-color:#1e3a5f}.mobile-nav button:active{background:#1d2b45}.board__hint{white-space:normal;text-align:center;max-width:94%;font-size:11px;top:8px}.board__status{font-size:10px;bottom:6px;right:8px}}.app.app--touch{grid-template-rows:auto 1fr;height:100dvh;min-height:100dvh;padding-bottom:0;overflow:hidden}.shell.shell--touch{height:100%;min-height:0;display:block;overflow:hidden}.shell.shell--touch>.main{border:0;height:100%;min-height:0;display:block!important}.shell.shell--touch>.side{display:none!important}.topbar--touch{padding:7px max(10px, env(safe-area-inset-left)) 7px max(10px, env(safe-area-inset-right));padding-top:max(7px, env(safe-area-inset-top));flex-wrap:wrap;gap:6px}.topbar--touch .field>span{display:none}.topbar--touch .topbar__archive-toggle{margin-left:auto;display:inline-flex}.topbar--touch .topbar__actions-wrap{order:20;width:100%;display:none}.topbar--touch .topbar__actions-wrap.is-open{display:block}.topbar--touch .topbar__actions-wrap .topbar__actions{flex-wrap:wrap;width:100%}.topbar--touch .topbar__actions-wrap .topbar__actions button,.topbar--touch .topbar__actions-wrap .topbar__actions select,.topbar--touch .topbar__actions-wrap .topbar__actions .topbar__link{flex:auto}.touch-list-tab{z-index:50;writing-mode:vertical-rl;color:#93c5fd;font:inherit;letter-spacing:.12em;cursor:pointer;background:#111c30;border:1px solid #1e293b;border-right:0;border-radius:8px 0 0 8px;padding:12px 6px;font-size:12px;position:fixed;top:44%;right:0}.touch-list-tab:active{background:#1d2b45}.touch-drawer{top:var(--topbar-height,54px);z-index:60;will-change:transform;background:#0f172a;flex-direction:column;width:min(340px,88vw);transition:transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:0;box-shadow:0 18px 50px #00000080}.touch-drawer--right{border-left:1px solid #1e293b;right:0;transform:translate(105%)}.touch-drawer--right.is-open{transform:translate(0)}.touch-drawer--left{border-right:1px solid #1e293b;width:min(440px,94vw);left:0;transform:translate(-105%)}.touch-drawer--left.is-open{transform:translate(0)}.touch-drawer__head{background:#0b1220;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.touch-drawer__head strong{font-size:14px}.touch-drawer__head button{color:#e2e8f0;height:28px;font:inherit;cursor:pointer;background:#111c30;border:1px solid #1e293b;border-radius:6px;padding:0 10px;font-size:12px}.touch-drawer__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px;overflow:auto}.touch-drawer__body .panel{padding:0}.touch-scrim{top:var(--topbar-height,54px);z-index:55;background:#0206178c;position:fixed;bottom:0;left:0;right:0}.rotate-hint{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:65;color:#cbd5e1;white-space:nowrap;background:#0f172af0;border:1px solid #1e3a5f;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.rotate-hint button{color:#f8fafc;height:26px;font:inherit;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:999px;padding:0 10px;font-size:12px}@media (prefers-reduced-motion:reduce){.touch-drawer{transition:none}}.dropdown{min-width:0;display:inline-flex;position:relative}.dropdown__button{color:#cbd5e1;width:100%;min-height:30px;font:inherit;text-align:left;cursor:pointer;background:#0f172a;border:1px solid #1e293b;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.dropdown__button:hover{border-color:#334155}.dropdown__button:disabled{opacity:.5;cursor:not-allowed}.dropdown__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dropdown__chevron{color:#64748b;flex:none;font-size:9px}.dropdown__menu{z-index:200;overscroll-behavior:contain;background:#0f172a;border:1px solid #1e293b;border-radius:10px;max-height:min(320px,60vh);padding:4px;position:fixed;overflow:auto;box-shadow:0 18px 45px #0000008c}.dropdown__option{color:#cbd5e1;width:100%;min-height:32px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:6px 9px;font-size:12px;display:flex}.dropdown__option:hover,.dropdown__option:focus-visible{color:#f8fafc;background:#111c30;outline:none}.dropdown__option.is-on{color:#f8fafc;background:#1d2b45}.dropdown__check{color:#38bdf8;flex:none;font-size:12px}.filters .dropdown,.filters .dropdown__button{width:100%}.field .dropdown{min-width:108px}.field .dropdown__button{background:#0b1220;height:30px}.dropdown--wide{flex:2 180px;max-width:220px}.dropdown--wide .dropdown__button{min-width:180px}.dropdown--scope{flex:0 0 112px}.dropdown--scope .dropdown__button{min-width:104px}@media (width<=900px){.dropdown__option{min-height:42px;padding:9px 10px;font-size:13px}.dropdown__button{min-height:34px}.dropdown--wide{flex:2 160px;max-width:none}.dropdown--wide .dropdown__button{min-width:150px}.dropdown--scope{flex:100px}}@media (pointer:coarse){.dropdown__button{min-height:36px}}.app--touch{overscroll-behavior:none}@media (pointer:coarse){.board,.board canvas{touch-action:none}}.topbar--collapsed{display:none}.topbar-restore{z-index:54;color:#cbd5e1;height:22px;font:inherit;cursor:pointer;opacity:.65;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ae6;border:1px solid #1e293b;border-radius:999px;padding:0 9px;font-size:11px;position:fixed;top:6px;right:10px}.topbar-restore:hover,.topbar-restore:active{opacity:1}.app>.shell{grid-row:2}html.topbar-collapsed .app{grid-template-rows:0 1fr}.topbar__collapse{flex:none;width:28px;padding:0;font-size:12px}.topbar__actions button,.topbar__actions .topbar__link{white-space:nowrap}.topbar--compact .topbar__archive-toggle{margin-left:auto;display:inline-flex}.topbar--compact .topbar__actions-wrap{order:20;width:100%;display:none}.topbar--compact .topbar__actions-wrap.is-open{display:block}.topbar--compact .topbar__actions-wrap .topbar__actions{flex-wrap:wrap;width:100%}.topbar--compact .topbar__actions-wrap .topbar__actions button,.topbar--compact .topbar__actions-wrap .topbar__actions select,.topbar--compact .topbar__actions-wrap .topbar__actions .topbar__link{flex:auto}.throw-tag{color:#fbbf24;white-space:nowrap;background:#fbbf2424;border:1px solid #fbbf2473;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700;line-height:17px;display:inline-block}.filters__search{color:#e2e8f0;width:100%;height:30px;font:inherit;background:#0b1220;border:1px solid #1e293b;border-radius:6px;outline:none;grid-column:1/-1;padding:0 8px;font-size:12px}.filters__search:focus{border-color:#155e75}.filters__search::placeholder{color:#475569}@media (pointer:coarse){.filters__search{height:34px;font-size:13px}}.resize-handle{cursor:col-resize;background:0 0;width:6px;min-width:6px;transition:background .15s}.resize-handle:hover,.resize-handle:active{background:#155e75}@media (width<=1180px){.resize-handle{display:none}}.viewer__image{cursor:grab;transform-origin:50%;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:min(96vw,1400px);max-height:88vh;box-shadow:0 24px 80px #0009}.viewer__image:active{cursor:grabbing}.viewer__tools{background:#0f172af0;border:1px solid #1e293b;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.viewer__tools button{color:#e2e8f0;min-width:34px;height:30px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:14px}.viewer__tools button:hover{background:#1e293b}.viewer__zoom{color:#94a3b8;text-align:center;min-width:46px;font-size:11px}.viewer__reset{color:#7dd3fc!important;font-size:11px!important}.viewer__hint{color:#64748b;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}@media (pointer:coarse){.viewer{padding:12px}.viewer__image{max-width:100vw;max-height:82vh}.viewer__hint{bottom:62px}}.viewer .viewer__image{cursor:grab;touch-action:none}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{color:#e2e8f0;background:#0b1220;margin:0}button,input,select,textarea{font-family:inherit}