.header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);height:48px}.header__left{display:flex;align-items:center;gap:24px}.header__logo{display:flex;align-items:center;gap:4px;cursor:pointer}.header__logo-text{font-size:18px;font-weight:600;color:var(--accent-yellow);font-style:italic}.header__logo-caret{font-size:10px;color:var(--text-secondary)}.header__project{display:flex;align-items:center;gap:4px;cursor:pointer}.header__project-name{font-size:14px;font-weight:500;color:var(--text-primary)}.header__project-caret{font-size:10px;color:var(--text-secondary)}.header__nav{display:flex;align-items:center;gap:8px}.header__nav-item{padding:6px 12px;font-size:13px;color:var(--text-secondary);text-decoration:none;border-radius:4px;transition:color .2s,background-color .2s}.header__nav-item:hover{color:var(--text-primary)}.header__nav-item--active{color:var(--text-primary);font-weight:500}.header__right{display:flex;align-items:center}.header__avatar{width:28px;height:28px;border-radius:50%;background-color:#4a7c59;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer}.cover-banner{position:relative;height:76px;background-color:var(--bg-primary);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:background-color .2s;border:1px dashed var(--border-dashed)}.cover-banner--dragging{background-color:var(--bg-tertiary)}.cover-banner__dropzone{position:absolute;top:12px;left:16px;cursor:pointer}.cover-banner__dropzone-text{font-size:12px;color:var(--text-secondary)}.cover-banner__dropzone-text:hover{color:var(--text-primary)}.cover-banner__file-input{display:none}.cover-banner__title-container{text-align:center}.cover-banner__title{font-size:48px;font-weight:700;color:var(--accent-yellow);cursor:pointer;margin:0;letter-spacing:2px;text-transform:uppercase}.cover-banner__title--placeholder{opacity:.8}.cover-banner__title:hover{opacity:.9}.cover-banner__title-input{font-size:48px;font-weight:700;color:var(--accent-yellow);background:transparent;border:none;outline:none;text-align:center;letter-spacing:2px;text-transform:uppercase;width:100%;max-width:600px}.cover-banner__title-input::placeholder{color:var(--accent-yellow);opacity:.6}.cover-banner__edit-btn{position:absolute;top:12px;right:16px;background:#00000080;border:none;border-radius:4px;padding:8px;color:var(--text-primary);cursor:pointer;transition:background-color .2s}.cover-banner__edit-btn:hover{background:#000000b3}.sequence-tabs{display:flex;align-items:center;gap:0;background-color:var(--bg-primary);padding:0 16px;border-bottom:1px solid var(--border-color)}.sequence-tabs__tab{padding:12px 20px;font-size:13px;color:var(--text-secondary);background-color:var(--bg-tertiary);border:none;border-right:1px solid var(--border-color);cursor:pointer;transition:color .2s,background-color .2s}.sequence-tabs__tab:hover{color:var(--text-primary)}.sequence-tabs__tab--active{color:var(--text-primary);background-color:var(--bg-secondary)}.sequence-tabs__add{padding:12px 20px;font-size:13px;color:var(--text-secondary);background-color:transparent;border:none;cursor:pointer;transition:color .2s}.sequence-tabs__add:hover{color:var(--text-primary)}.scene-row{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;background-color:var(--bg-secondary)}.scene-row__label{font-size:11px;color:var(--text-secondary);min-width:60px;padding-top:4px}.scene-row__thumbnails{display:flex;align-items:center;gap:8px}.scene-row__thumbnail{width:70px;height:50px;border:1px dashed var(--border-dashed);border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;background-size:cover;background-position:center;transition:border-color .2s,background-color .2s}.scene-row__thumbnail:hover{border-color:var(--text-secondary)}.scene-row__thumbnail--dragging{border-color:var(--accent-yellow);background-color:#f5c5181a}.scene-row__thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;color:var(--text-muted);text-align:center;line-height:1.3}.scene-row__add{width:50px;height:50px;border:none;border-radius:2px;background:transparent;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:color .2s}.scene-row__add:hover{color:var(--text-primary)}.scene-row__file-input{display:none}.shot-column{display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease-out,min-width .2s ease-out}.shot-column__header{font-size:12px;color:var(--text-secondary);padding:8px 12px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.shot-column__image-container{background-color:var(--bg-tertiary);border:1px solid var(--border-color);overflow:hidden;transition:height .2s ease-out}.shot-column__image{width:100%;height:100%;object-fit:cover}.thumbnail-navigation{background-color:var(--bg-primary);padding:12px 16px;border-top:1px solid var(--border-color);overflow-x:auto}.thumbnail-navigation__track{display:flex;gap:4px;position:relative;width:fit-content;min-width:100%;cursor:pointer}.thumbnail-navigation__thumbnail{width:60px;height:40px;flex-shrink:0;overflow:hidden;opacity:.6;border:1px solid var(--border-color);pointer-events:none}.thumbnail-navigation__thumbnail img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.thumbnail-navigation__window{position:absolute;top:-2px;left:0;height:calc(100% + 4px);border:2px solid #4a9eff;background-color:#4a9eff1a;cursor:grab;pointer-events:auto;z-index:1;transition:transform .05s ease-out;will-change:transform}.thumbnail-navigation__window--dragging{cursor:grabbing;transition:none}.storyboard-grid{flex:1;display:flex;flex-direction:column;background-color:var(--bg-secondary);min-height:0}.storyboard-grid__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color)}.storyboard-grid__title{font-size:13px;color:var(--text-primary)}.storyboard-grid__controls{display:flex;align-items:center;gap:12px}.storyboard-grid__filter-label{font-size:12px;color:var(--text-secondary)}.storyboard-grid__filter-select,.storyboard-grid__zoom-select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;font-size:12px;color:var(--text-primary);cursor:pointer}.storyboard-grid__filter-select:focus,.storyboard-grid__zoom-select:focus{outline:none;border-color:var(--accent-yellow)}.storyboard-grid__content{flex:1;display:flex;position:relative;overflow:hidden;min-height:0}.storyboard-grid__row-labels{display:flex;flex-direction:column;width:50px;margin:16px 0 16px 16px;flex-shrink:0}.storyboard-grid__row-label{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border:none;min-height:150px}.storyboard-grid__visibility-toggle{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);font-size:10px}.storyboard-grid__visibility-toggle:hover{color:var(--text-secondary)}.storyboard-grid__visibility-icon{font-size:12px}.storyboard-grid__row-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px}.storyboard-grid__main{flex:1;display:flex;align-items:flex-start;min-height:0;transition:background-color .2s;margin:16px;border:1px dashed var(--border-dashed);border-radius:4px;overflow-x:auto;overflow-y:hidden}.storyboard-grid__main--dragging{background-color:#f5c5180d}.storyboard-grid__empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.storyboard-grid__empty p{font-size:13px;color:var(--text-muted)}.storyboard-grid__columns{display:flex;gap:8px;padding:0;align-items:flex-start}.app{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0c1117;--bg-tertiary: #252525;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--accent-yellow: #f5c518;--border-color: #333333;--border-dashed: #4a4a4a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input{font-family:inherit}