:root{--ink:#1f2933;--muted:#667085;--line:#d7dde5;--line-strong:#98a2b3;--panel:#fff;--soft:#f4f6f8;--soft-2:#f8fafc;--black:#111827;--orange:#f97316;--red:#d62f2f}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--ink);background:var(--soft);-webkit-user-select:none;user-select:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0}svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.app{grid-template-rows:58px minmax(0,1fr);height:100vh;display:grid}.topbar{background:#fff;border-bottom:1px solid #d9dee6;grid-template-columns:232px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{width:31px;height:31px;color:var(--black);border:1px solid var(--black);border-radius:50%;place-items:center;display:grid}.brand-mark svg{width:21px;height:21px}.brand h1{color:var(--black);margin:0;font-size:18px;font-weight:900;line-height:1.15}.brand small{display:none}.main-nav{align-items:center;gap:4px;height:100%;display:flex}.main-nav button{color:#475467;background:0 0;border-radius:4px;height:34px;padding:0 10px;font-size:13px;font-weight:800;position:relative}.main-nav button:hover{color:var(--black);background:#f2f4f7}.main-nav button.active{color:var(--black);background:#fff3e8}.main-nav button.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:-12px;left:12px;right:12px}.top-actions{align-items:center;gap:8px;display:flex}.profile{color:#344054;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.avatar{color:#fff;background:var(--black);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.workspace{grid-template-columns:248px minmax(0,1fr);gap:10px;min-height:0;padding:10px;display:grid}.side,.surface,.inspector,.module-view{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:0;box-shadow:0 1px 2px #1018280f}.side,.inspector{flex-direction:column;display:flex;overflow:hidden}.text-btn,.icon-btn,.tool-btn{min-width:36px;height:36px;color:var(--black);background:#fff;border:1px solid #d0d5dd;border-radius:4px;grid-auto-flow:column;place-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:800;display:inline-grid}.icon-btn{padding:0}.text-btn:hover,.icon-btn:hover,.tool-btn:hover{border-color:var(--line-strong);background:#f9fafb}.text-btn.primary{color:#fff;border-color:var(--orange);background:var(--orange)}.text-btn.danger{color:#b42318}.text-btn.wide{width:100%;margin-top:8px}.icon-btn.active,.tool-btn.active,.segmented button.active{color:#c2410c;border-color:var(--orange);background:#fff7ed}.phase-strip{background:#fff;border-bottom:1px solid #e4e7ec;grid-template-columns:126px minmax(0,1fr);gap:12px;min-height:82px;padding:8px 10px;display:grid}.phase-strip-head{align-content:center;gap:7px;display:grid}.phase-strip-head strong{color:var(--black);text-transform:uppercase;font-size:12px}.phase-actions{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.phase-action{color:#344054;background:0 0;align-content:center;justify-items:center;gap:4px;min-width:0;font-size:8px;font-weight:800;display:grid}.phase-action svg{width:16px;height:16px}.phase-list{align-content:start;gap:8px;padding:8px;display:grid;overflow:auto hidden}.phase-list-horizontal{grid-auto-columns:184px;grid-auto-flow:column;align-content:stretch;padding:0}.phase-card{color:#344054;text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-height:58px;padding:6px;font-size:11px;line-height:1.35;display:grid}.phase-card:hover,.phase-card.active{border-color:var(--orange);background:#fff7ed}.phase-card.selected{box-shadow:0 0 0 2px #f973162e}.phase-no{width:20px;height:20px;color:var(--black);border:1px solid var(--black);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.mini-court-canvas{display:none}.phase-card strong{color:var(--black);font-size:11px}.inline-name-editor{width:100%;min-width:0;color:var(--black);border:1px solid var(--orange);font:inherit;background:#fff;border-radius:3px;outline:none;padding:1px 3px;font-weight:900}.breadcrumb .inline-name-editor{width:220px;font-size:13px}.phase-card em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9.5px;font-style:normal;display:block;overflow:hidden}.surface{grid-template-rows:48px 82px minmax(0,1fr);display:grid;overflow:hidden}.surface.module-open{grid-template-rows:50px minmax(0,1fr)}.surface.module-open .phase-strip,.surface.module-open .board-row{display:none}.workbar{border-bottom:1px solid #e4e7ec;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;display:grid}.breadcrumb{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb span:first-child{cursor:pointer}.breadcrumb span:first-child:hover{color:var(--orange)}.breadcrumb strong{color:var(--black)}.library-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.library-head h3{margin:0 0 4px}.library-head p{color:var(--muted);margin:0}.work-actions{align-items:center;gap:6px;display:flex}.segmented{background:#f2f4f7;border:1px solid #d0d5dd;border-radius:4px;grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid}.segmented button{height:28px;color:var(--muted);background:0 0;border-radius:3px;padding:0 10px;font-size:12px;font-weight:800}.segmented button:disabled{opacity:.46;cursor:not-allowed}.board-row{background:var(--soft-2);grid-template-columns:minmax(0,2fr) minmax(260px,.72fr);gap:10px;min-height:0;padding:8px 10px 10px;display:grid}.board-column{grid-template-rows:minmax(0,1fr) 42px;gap:8px;min-height:0;display:grid}.board-notes{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.stage{background:0 0;grid-template-columns:1fr;align-content:start;gap:8px;min-height:0;padding:0;display:grid}.stage.three-expanded{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stage.three-collapsed .three-pane{display:none}.court-pane,.three-pane{aspect-ratio:15/14;border:1px solid var(--black);background:#fff;border-radius:4px;align-self:start;width:100%;max-height:100%;position:relative;overflow:hidden}.three-pane{background:#f3f5f7;border-color:#d0d5dd}#courtCanvas,#threeCanvas{width:100%;height:100%;display:block}.view-label{color:var(--black);background:#ffffffeb;border:1px solid #d0d5dd;border-radius:4px;padding:6px 8px;font-size:12px;font-weight:900;position:absolute;top:10px;left:10px}.hint{color:#475467;background:#ffffffeb;border:1px solid #d0d5dd;border-radius:4px;max-width:430px;padding:8px 10px;font-size:12px;line-height:1.5;position:absolute;bottom:10px;right:10px}.timeline{background:#fff;border:1px solid #e4e7ec;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 10px;display:grid}.transport{grid-template-columns:repeat(3,36px);align-content:center;gap:6px;display:grid}.progress-wrap{gap:8px;min-width:0;display:grid}.progress-bar{background:#e4e7ec;border-radius:999px;height:4px;overflow:hidden}.progress-fill{background:var(--orange);width:0%;height:100%}.panel-body{padding:10px;overflow:auto}.inspector-section{background:#fff;border:1px solid #e4e7ec;border-radius:6px;margin-bottom:10px;padding:10px}.section-title{color:var(--black);letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.section-title.spaced{margin-top:14px}.tool-grid{gap:7px;display:grid}.action-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-btn{grid-template-columns:34px minmax(0,1fr);justify-content:start;min-width:0;height:42px;padding:0 8px;font-size:12px}.tool-btn svg{width:30px;height:22px}.tool-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-btn[data-tool=dribble] svg{color:var(--black)}.court-pane[data-tool=move],.court-pane[data-tool=dribble],.court-pane[data-tool=pass],.court-pane[data-tool=screen],.court-pane[data-tool=shot]{cursor:crosshair}.court-pane[data-tool=handoff]{cursor:copy}.player-palette{gap:9px;display:grid}.player-palette-row{grid-template-columns:repeat(6,minmax(26px,1fr));gap:7px;display:grid}.player-token{background:#fff;border-radius:50%;justify-self:center;place-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:grid}.player-token.home{color:var(--black);border:2px solid var(--black)}.player-token.away{color:#fff;border:1px solid var(--red);background:var(--red)}.player-token:hover{border-color:var(--orange);box-shadow:0 0 0 3px #f973161f}.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.palette-token,.equipment-token{min-width:0;min-height:42px;color:var(--black);background:#fff;border:1px solid #d0d5dd;border-radius:4px;place-items:center;gap:3px;padding:6px;font-size:12px;font-weight:900;display:grid}.palette-token.home{border-color:var(--black)}.palette-token.away{color:#fff;border-color:var(--red);background:var(--red)}.equipment-token svg{width:24px;height:20px}.palette-token:hover,.equipment-token:hover{border-color:var(--orange);background:#fff7ed}.palette-token.away:hover{background:#c92525}.quick-play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-play{color:#344054;text-align:left;background:#fff;border:1px solid #d0d5dd;border-radius:4px;min-height:58px;padding:8px}.quick-play:hover{border-color:var(--orange);background:#fff7ed}.quick-play strong{color:var(--black);font-size:12px;display:block}.quick-play span{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.3;display:block}.quick-add,.selected-grid,.stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.field{gap:6px;margin-bottom:12px;display:grid}.field label,.video-attach label{color:var(--muted);font-size:12px;font-weight:800}.field input,.field select,.video-row input{width:100%;min-width:0;height:38px;color:var(--black);background:#fff;border:1px solid #d0d5dd;border-radius:4px;outline:none;padding:0 10px}.field input:focus,.field select:focus,.video-row input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f973161f}.notes-area{color:#475467;background:#f9fafb;border:1px solid #e4e7ec;border-radius:4px;min-height:78px;padding:9px;font-size:15px;line-height:1.65}.video-attach{gap:8px;margin-top:12px;display:grid}.video-row{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;display:grid}.video-row .text-btn{width:100%}.video-attach input[type=file]{width:100%;min-width:0;color:var(--muted);font-size:12px}.video-preview,.empty-text{color:var(--muted);font-size:12px;line-height:1.55}.video-preview video,.module-video{background:#111827;border-radius:4px;width:100%;max-height:220px}.video-name{margin-top:6px}.stat{background:#f9fafb;border:1px solid #e4e7ec;border-radius:4px;padding:9px}.stat strong{color:var(--black);font-size:18px;display:block}.stat span{color:var(--muted);font-size:11px;font-weight:800}.roster,.action-list{gap:8px;display:grid}.player-row,.action-card{color:#344054;text-align:left;background:#f9fafb;border:1px solid #e4e7ec;border-radius:4px;align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:grid}.player-row{grid-template-columns:34px minmax(0,1fr) auto}.action-card{grid-template-columns:24px minmax(0,1fr) 44px 24px}.player-row:hover,.player-row.selected,.action-card.active{border-color:var(--orange);background:#fff7ed}.action-card.drop-target{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.dot{border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:grid}.dot.home{color:var(--black);border:2px solid var(--black);background:#fff}.dot.away{color:#fff;border:1px solid var(--red);background:var(--red)}.player-meta{min-width:0;color:var(--black);font-size:13px;font-weight:800}.player-meta span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.mini-ball{background:var(--orange);border:2px solid #9a3412;border-radius:50%;width:17px;height:17px}.action-index{width:24px;height:24px;color:var(--black);border:1px solid var(--black);background:#fff;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.action-index svg{width:17px;height:17px}.action-card strong{color:var(--black);font-size:12px;display:block}.action-card span span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.timing-single{min-width:0;height:26px;color:var(--muted);background:#fff;border:1px solid #d0d5dd;border-radius:4px;padding:0 6px;font-size:11px;font-weight:900}.timing-single.active{color:#c2410c;border-color:var(--orange);background:#fff7ed}.timing-single:disabled{opacity:.36;cursor:default}.small-icon{width:24px;height:24px;color:var(--muted);background:0 0;border-radius:4px}.small-icon:hover{color:#b42318;background:#fff0f0}.module-view{margin:12px 16px;padding:14px;overflow:auto}.analysis-layout{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.25fr);gap:14px;min-height:100%;display:grid}.video-analysis-layout{grid-template-columns:minmax(280px,1fr) minmax(280px,.9fr) minmax(260px,.8fr)}.analysis-board,.analysis-video{background:#fff;border:1px solid #e4e7ec;border-radius:6px;height:100%;min-height:0;padding:14px}.video-analysis-layout>*{min-height:calc(100vh - 150px)}.video-analysis-layout .detail-video{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.video-analysis-layout .module-video,.video-analysis-layout .detail-video video{object-fit:contain;width:100%;height:100%;max-height:none}.analysis-board h3{color:var(--black);margin:0 0 10px;font-size:15px}.analysis-court-canvas{aspect-ratio:15/14;border:1px solid var(--black);background:#fff;border-radius:4px;width:100%;display:block}.analysis-notes{color:#344054;white-space:pre-wrap;background:#f9fafb;border:1px solid #e4e7ec;border-radius:4px;min-height:90px;margin-top:10px;padding:14px;font-size:12px;line-height:1.55}.analysis-notes.tall{min-height:390px}.notes-section{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;margin-bottom:0;display:grid}.notes-editor{resize:none;width:100%;height:100%;min-height:0;color:var(--black);font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:4px;outline:none;padding:10px;font-size:16px;line-height:1.65}.notes-editor:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f973161f}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.module-card,.detail-panel{background:#fff;border:1px solid #e4e7ec;border-radius:6px;padding:14px}.detail-panel{margin-top:12px}.detail-panel:first-child{margin-top:0}.module-card h3,.detail-panel h3{color:var(--black);margin:0 0 8px;font-size:15px}.module-card p,.detail-panel p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.module-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.toast{z-index:20;opacity:0;pointer-events:none;color:#fff;background:var(--black);border-radius:6px;padding:10px 14px;font-size:13px;transition:opacity .18s,transform .18s;position:fixed;bottom:34px;left:50%;transform:translate(-50%)translateY(16px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.export-modal{z-index:50;background:#11182761;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.export-modal[hidden]{display:none}.export-dialog{background:#fff;border-radius:6px;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(1040px,92vw);max-height:92vh;padding:14px;display:grid;box-shadow:0 18px 42px #10182838}.export-dialog-head,.export-dialog-actions{justify-content:space-between;align-items:center;display:flex}.export-dialog img{background:#fff;border:1px solid #d0d5dd;border-radius:4px;justify-self:center;max-width:100%;max-height:70vh}.export-dialog-actions{justify-content:end}@media (width<=1180px){body{overflow:auto}.app{height:auto;min-height:100vh}.workspace{grid-template-columns:220px minmax(0,1fr)}.board-row{grid-template-columns:1fr}.stage.three-expanded{grid-template-columns:1fr 1fr}.main-nav{overflow-x:auto}}@media (width<=760px){.topbar{grid-template-columns:1fr;height:auto;padding:10px}.top-actions,.main-nav{flex-wrap:wrap;justify-content:start}.workspace{grid-template-columns:1fr;padding:8px}.surface{min-height:720px}.stage,.stage.three-expanded{grid-template-columns:1fr;padding:0}.timeline{grid-template-columns:1fr}.phase-card{grid-template-columns:24px 84px minmax(0,1fr)}.module-grid,.analysis-layout{grid-template-columns:1fr}.action-card{grid-template-columns:30px minmax(0,1fr)}.timing-single,.small-icon{grid-column:2}}