.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius-md);position:relative;width:90vw;max-width:960px;box-shadow:0 5px 15px #00000080}.modal-close-button{position:absolute;top:-10px;right:-10px;background:#fff;color:#000;border-radius:50%;width:30px;height:30px;font-size:1.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1}.modal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.modal-video-container iframe,.modal-video-container #how-to-player{position:absolute;top:0;left:0;width:100%;height:100%}.modal-overlay .modal-content.save-favorite-modal{max-width:400px;gap:var(--spacing-md);display:flex;flex-direction:column}.save-favorite-modal h2{border-bottom:1px solid var(--primary-color);padding-bottom:var(--spacing-sm);margin-bottom:0}.save-favorite-modal p{color:var(--text-secondary-color);margin-bottom:var(--spacing-sm)}.save-favorite-modal input[type=text]{width:100%;padding:.75rem;font-size:1rem;background-color:var(--background-color);border:1px solid #555;border-radius:var(--border-radius-sm);color:var(--text-color)}.save-favorite-modal input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ffc10780}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:var(--spacing-md)}.modal-actions .save-button,.modal-actions .cancel-button{padding:.6rem 1.2rem;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:500;transition:all var(--transition-fast)}.modal-actions .cancel-button{background-color:#4f4f4f;color:var(--text-color)}.modal-actions .cancel-button:hover{background-color:#666}.modal-actions .save-button{background-color:var(--primary-color);color:#000}.modal-actions .save-button:hover:not(:disabled){background-color:#ffd65a}.modal-actions .save-button:disabled{background-color:#333;color:#777;cursor:not-allowed}.part-picker-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:1010;display:flex;flex-direction:column;overscroll-behavior:contain}.part-picker-modal-content{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.part-picker-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--surface-color);border-bottom:1px solid var(--primary-color);flex-shrink:0}.part-picker-modal-header h2{border-bottom:none;margin:0;padding:0;font-size:1.8rem}.part-picker-modal-close-button{background-color:var(--primary-color);color:#000;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-secondary);font-size:1rem;font-weight:500;border-radius:var(--border-radius-sm)}.part-picker-modal-list{overflow-y:auto;flex-grow:1;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.part-picker-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--surface-color);padding:var(--spacing-md);border-radius:6px;margin-bottom:.75rem;border-left:4px solid var(--primary-color)}.part-picker-info{flex-grow:1}.part-picker-info h3{font-size:1rem;margin-bottom:var(--spacing-sm)}.part-picker-add-button{background-color:#3e3e3e;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);margin-left:var(--spacing-md);flex-shrink:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.part-picker-add-button.is-added{background-color:#555;color:var(--text-secondary-color);border-color:#555;cursor:default}.part-picker-add-button:hover:not(.is-added){background-color:var(--primary-color);color:#000}.part-picker-modal-footer{padding:.75rem var(--spacing-lg);background-color:var(--surface-color);border-top:1px solid #444;text-align:center;color:var(--text-secondary-color);flex-shrink:0}.part-card{background-color:#333;border-radius:6px;padding:var(--spacing-md);cursor:pointer;border-left:4px solid var(--primary-color);transition:transform .1s ease,box-shadow var(--transition-fast);user-select:none;position:relative;overflow:hidden}.part-card:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.part-card:active{transform:scale(.98);box-shadow:0 2px 6px #0000004d}.part-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.info-icon-wrapper{color:var(--text-secondary-color);cursor:help;transition:color var(--transition-fast);flex-shrink:0;line-height:1;padding-top:2px;z-index:2;position:relative}.info-icon-wrapper .info-icon{width:20px;height:20px}.info-icon-wrapper:hover{color:var(--primary-color)}.part-card h3{font-size:1.1rem;font-weight:500;margin:0;flex-grow:1}.part-card .tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.part-card .tag{background-color:#444;color:var(--primary-color);padding:.2rem var(--spacing-sm);border-radius:12px;font-size:.75rem}.part-card .part-info{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:.75rem;font-size:.9rem}.info-item{display:flex;align-items:center;gap:.3rem;font-weight:500}.damage{color:var(--error-color)}.info-item.frame-advantage{gap:var(--spacing-sm)}.frame-advantage .label{display:flex;align-items:center;gap:.3rem;color:var(--text-secondary-color);font-weight:400}.frame-advantage .value{font-weight:700}.frame-advantage.start .value{color:var(--text-color)}.frame-advantage.end.positive .value{color:var(--positive-color)}.frame-advantage.end.negative .value{color:var(--error-color)}.part-card-memo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--surface-color);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);color:var(--primary-color);font-weight:500;text-align:center;z-index:1;clip-path:inset(0 100% 0 0);transition:clip-path .4s cubic-bezier(.77,0,.175,1)}.part-card-memo-overlay p{margin:0}.part-card.is-memo-active .part-card-memo-overlay{clip-path:inset(0 0 0 0)}.part-card-id{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-sm);font-size:.7rem;color:var(--text-secondary-color);opacity:.4;pointer-events:none;user-select:none}.situation-search{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.hud-wrapper{background-color:#1a1a1a;padding:var(--spacing-lg) 0;border-radius:8px;position:relative;background:radial-gradient(circle at center,#2a2a2a,#111);border:1px solid #444;user-select:none;padding-top:50px;overflow:hidden}.hud-metrics-container{position:relative;width:90%;max-width:1328px;margin:0 auto;left:0}.hud-element,.hp-bar-frame,.drive-block,.sa-block,.drive-reset-area{transform:skew(-30deg)}.hud-element>span,.hud-element>div:not(.round-mark){transform:skew(30deg)}.hud-upper-layer{position:absolute;bottom:100%;width:100%;height:40px;pointer-events:none;left:21px}.hud-upper-layer .hud-element{position:absolute;bottom:5px;height:24px;display:flex;align-items:center}.round-icon.left{left:0%;width:4.33%;justify-content:flex-end}.round-icon.right{left:5.05%;width:4.33%;justify-content:flex-end}.round-mark{width:16px;height:16px;background-color:#eee;border:1px solid #666;box-shadow:0 0 2px #000;transform:skew(0);margin-right:2px}.hud-element.name-tag{left:42.8%;width:34.11%;background-color:#6a1b9a;border:1px solid #8e24aa;border-bottom:none;justify-content:flex-start;padding-left:10px}.name-text{color:#fff;font-family:var(--font-primary);font-weight:700;letter-spacing:1px;font-size:1.1rem;white-space:nowrap;overflow:hidden}.hud-element.control-type{left:87.88%;width:4.74%;background-color:#ff9800;color:#000;font-weight:700;height:24px;font-size:.9rem;border-radius:2px;justify-content:center}.hud-hp-container{position:relative;width:100%;height:32px;margin-bottom:4px}.hp-bar-frame{width:100%;height:100%;background-color:#222;border:2px solid #ddd;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c}.hp-bar-fill{height:100%;background-color:#2979ff;transition:width .1s linear;box-shadow:0 0 10px #2979ff66}.hp-value-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffe6;font-size:.9rem;font-weight:700;pointer-events:none;text-shadow:0 0 3px #000;z-index:11}.hp-slider-overlay{position:absolute;top:-10px;left:-5%;width:110%;height:50px;opacity:0;cursor:col-resize;z-index:10}.hud-drive-container{position:relative;margin-left:-15px;width:51.42%}.drive-gauge-bar{display:flex;gap:2.2%;width:100%}.drive-block{flex:1;height:12px;background-color:#333;border:1px solid #555;cursor:pointer;position:relative}.drive-block:hover{border-color:#fff}.drive-block.filled{background-color:#76ff03;box-shadow:0 0 6px #76ff0380;border-color:#ccff90}.drive-block:nth-child(3).filled{background-color:#aeea00}.drive-block:nth-child(4).filled{background-color:#c6ff00}.drive-block:nth-child(5).filled{background-color:#ffea00}.drive-block:nth-child(6).filled{background-color:#ffc400}.drive-block.empty{background-color:#222;box-shadow:inset 0 0 5px #000}.drive-reset-area{width:10px;height:12px;cursor:pointer}.hud-sa-container{display:flex;align-items:center;margin-top:8px;padding-left:2%;gap:8px}.sa-gauge-label{font-family:var(--font-primary);font-weight:700;color:#f50057;font-size:1.2rem;text-shadow:0 0 5px rgba(245,0,87,.5);transform:skew(-10deg)}.sa-gauge-bar{display:flex;gap:4px}.sa-block{width:30px;height:10px;background-color:#333;border:1px solid #555;cursor:pointer;color:transparent;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.sa-block.filled{background-color:#f50057;border-color:#ff80ab;box-shadow:0 0 8px #f5005799;color:#fff}.sa-block:hover{border-color:#fff}.sa-reset-area{width:10px;height:10px;cursor:pointer}.situation-filters{padding:0 var(--spacing-sm)}.situation-filters .tag-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-start}.situation-filters .tag-filter-button{font-size:.8rem;padding:4px 10px}.search-results{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:0}.search-results h4{color:var(--text-secondary-color);font-size:.9rem;border-bottom:1px solid #333;padding-bottom:4px}.no-results{text-align:center;color:#666;padding:2rem;font-size:.9rem}.suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.suggestion-card{background-color:var(--surface-color);border:1px solid #444;border-left:4px solid var(--primary-color);border-radius:4px;padding:10px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,background-color .1s}.suggestion-card:hover{background-color:#333;box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.suggestion-card:active{transform:scale(.98);box-shadow:0 2px 6px #0000004d}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.damage-val{font-family:var(--font-primary);font-size:1.3rem;color:var(--error-color)}.cost-badges{display:flex;gap:4px}.cost-badge{font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:700;color:#000}.cost-badge.drive{background-color:#00e676}.cost-badge.sa{background-color:#f50057}.suggestion-flow{font-size:.9rem;color:#eee;line-height:1.3}.flow-part{display:inline-block}.arrow{color:#666;margin:0 6px;font-size:.7rem}.link-info{margin-top:6px;font-size:.75rem;color:var(--primary-color);opacity:.8;text-align:right}.sequence-item{display:flex;align-items:center;justify-content:space-between;background-color:#333;padding:.75rem;border-radius:var(--border-radius-sm);border-left:4px solid #03a9f4;transition:opacity var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);position:relative;overflow:hidden}.sequence-item.is-dragging{opacity:.5;border-style:dashed;box-shadow:0 8px 16px #0000004d;background-color:#4f4f4f}.sequence-item span{flex-grow:1;margin-right:var(--spacing-sm);padding-left:var(--spacing-sm)}.item-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.item-controls .info-icon-wrapper{color:var(--text-secondary-color);cursor:help;transition:color var(--transition-fast);display:flex;align-items:center;position:relative;z-index:2}.item-controls .info-icon-wrapper:hover{color:var(--primary-color)}.item-controls .info-icon-wrapper .info-icon{width:20px;height:20px}.sequence-item button:not(.drag-handle){color:var(--error-color);font-size:1.2rem;padding:var(--spacing-xs);line-height:1}.sequence-item.is-playing{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.drag-handle{display:block;cursor:grab;font-size:1.5rem;color:var(--text-secondary-color);padding:0 var(--spacing-sm);touch-action:none}.drag-handle:active{cursor:grabbing}.drop-indicator{height:4px;margin:2px 0;border-radius:2px;background-color:transparent;transition:height var(--transition-fast),background-color var(--transition-fast),border var(--transition-fast),margin var(--transition-fast)}.drop-indicator.is-active{height:30px;margin:4px 0;background-color:#ffc10733;border:2px dashed var(--primary-color)}.sequence-item-memo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--surface-color);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);color:var(--primary-color);font-weight:500;text-align:center;z-index:1;clip-path:inset(0 100% 0 0);transition:clip-path .4s cubic-bezier(.77,0,.175,1)}.sequence-item-memo-overlay p{margin:0}.sequence-item.is-memo-active .sequence-item-memo-overlay{clip-path:inset(0 0 0 0)}.visual-combo-builder{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vcb-display-area{display:flex;gap:var(--spacing-md);align-items:center}.vcb-display{flex-grow:1;background-color:var(--background-color);border:1px solid #444;border-radius:var(--border-radius-sm);padding:.75rem;font-size:1.1rem;min-height:48px;overflow-x:auto;white-space:nowrap}.vcb-placeholder{color:var(--text-secondary-color)}.vcb-controls{display:flex;gap:var(--spacing-sm);position:relative}.vcb-controls button{background-color:#4f4f4f;color:var(--text-color);border-radius:var(--border-radius-sm);padding:.6rem var(--spacing-md);font-size:.9rem;transition:background-color var(--transition-fast)}.vcb-controls button:hover:not(:disabled){background-color:#666}.vcb-controls button:disabled{background-color:#333;color:#777;cursor:not-allowed}.vcb-feedback{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--positive-color);color:#000;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap;z-index:10}.vcb-feedback.is-visible{opacity:1;transform:translateY(0)}.vcb-resources{display:flex;flex-wrap:wrap;gap:var(--spacing-md);background-color:var(--background-color);padding:.75rem;border-radius:var(--border-radius-sm)}.vcb-gauge{display:flex;align-items:center;gap:var(--spacing-sm);flex-grow:1}.vcb-gauge span:first-child{font-weight:500;font-family:var(--font-primary);font-size:1.2rem;width:60px}.vcb-gauge div{display:flex;height:12px;border:1px solid #666;padding:2px;border-radius:var(--border-radius-sm);flex-grow:1}.vcb-gauge i{flex-grow:1;margin:0 1px;background-color:#444;transition:background-color var(--transition-fast)}.vcb-gauge.drive i.filled{background-color:#03a9f4}.vcb-gauge.sa i.filled{background-color:#ff4081}.vcb-gauge.vcb-warning span,.vcb-gauge.vcb-warning i.filled{color:var(--error-color);background-color:var(--error-color)}.vcb-controller-area{display:flex;align-items:flex-start;gap:var(--spacing-xl)}.vcb-controller-left{display:flex;gap:var(--spacing-xl);align-items:flex-start}.vcb-d-pad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:4px}.vcb-d-pad button{background-color:#4f4f4f;border-radius:var(--border-radius-sm);color:var(--text-color);transition:background-color var(--transition-fast),transform .1s ease;display:flex;justify-content:center;align-items:center}.vcb-d-pad button:hover:not(:disabled){background-color:#666}.vcb-d-pad button:active:not(:disabled){transform:scale(.95)}.vcb-d-pad button.is-active{background-color:var(--primary-color);color:#000}.vcb-d-pad .neutral{background-color:#333;cursor:default}.vcb-d-pad svg{width:32px;height:32px}.vcb-inputs-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.vcb-action-buttons{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px);gap:8px}.vcb-action-buttons button{font-family:var(--font-primary);font-size:1.5rem;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast),transform .1s ease}.vcb-action-buttons button:nth-child(-n+3){background-color:#03a9f4;color:#fff}.vcb-action-buttons button:nth-child(n+4){background-color:#ffc107;color:#000}.vcb-action-buttons button:hover{opacity:.8}.vcb-action-buttons button:active{transform:scale(.95)}.vcb-special-inputs{display:flex;flex-direction:column;gap:8px}.vcb-special-inputs-row{display:flex;gap:8px}.vcb-special-inputs button{flex:1;background-color:#4f4f4f;color:var(--text-color);border:1px solid #666;border-radius:var(--border-radius-sm);padding:.75rem 0;font-size:.9rem;transition:all var(--transition-fast)}.vcb-special-inputs button:hover{background-color:#666}.vcb-special-inputs button:active{transform:scale(.95)}.vcb-palette-right{display:flex;flex-direction:column;gap:var(--spacing-lg);border:1px solid #444;padding:var(--spacing-md);border-radius:var(--border-radius-md);background-color:var(--background-color);flex:1}.vcb-palette-section .vcb-palette-header{margin-bottom:.75rem}.vcb-palette-header h4{font-family:var(--font-primary);font-size:1.5rem;color:var(--text-color);margin:0;padding:0;border:none}.vcb-palette-content{padding:var(--spacing-md);background-color:var(--background-color);border-radius:6px}.vcb-specials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.vcb-move-group{display:flex;flex-direction:column;gap:var(--spacing-sm);background-color:#333;padding:.75rem;border-radius:var(--border-radius-sm)}.vcb-move-group h4{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;font-weight:500;color:var(--text-color);border-bottom:1px solid #555;padding-bottom:var(--spacing-sm)}.vcb-unique-move-group{grid-column:span 2}.vcb-unique-move-group-title{text-align:center;color:var(--primary-color)}.vcb-variant-group-name{font-size:.9rem;font-weight:700;color:var(--text-secondary-color);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.vcb-strength-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.vcb-sa-buttons{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.vcb-sa-palette-content>.vcb-move-group{max-width:100%}.vcb-strength-buttons button{background-color:#4f4f4f;color:var(--text-color);border:1px solid #666;padding:var(--spacing-sm);font-size:.9rem;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vcb-strength-buttons button:hover{background-color:#666}@media (max-width: 480px){.vcb-controller-left{flex-direction:column}}.app-container{display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden}header{background-color:var(--surface-color);padding:var(--spacing-md) var(--spacing-xl);border-bottom:2px solid var(--primary-color);display:flex;justify-content:space-between;align-items:center}header h1{font-family:var(--font-primary);font-size:2.5rem;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px}.how-to-button{background-color:var(--primary-color);color:#000;border:none;padding:.6rem 1.2rem;font-family:var(--font-primary);font-size:1.2rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast),transform .1s ease;white-space:nowrap}.how-to-button:hover{background-color:#ffd65a}.how-to-button:active{transform:scale(.95)}main{display:grid;grid-template-columns:460px 1fr;gap:var(--spacing-lg);padding:var(--spacing-lg);flex-grow:1;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto}.panel{background-color:var(--surface-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.character-select,.library{gap:var(--spacing-sm)}.builder{gap:var(--spacing-md);overflow:hidden}.library{flex-grow:1;min-height:0}h2{font-family:var(--font-primary);font-size:2rem;border-bottom:1px solid var(--primary-color);padding-bottom:var(--spacing-sm);color:var(--text-color);display:flex;justify-content:space-between;align-items:center}.collapsible-section>h2{cursor:pointer;user-select:none;margin-bottom:var(--spacing-md)}.collapsible-section:not(.is-expanded)>h2{margin-bottom:0}.expand-icon{font-size:1.5rem;display:inline-block;transition:transform .3s ease}.expand-icon.is-expanded{transform:rotate(180deg)}.collapsible-content{overflow:hidden;display:flex;flex-direction:column;flex-grow:1;min-height:0;transition:max-height .3s ease-in-out,visibility .3s ease-in-out,margin-top .3s ease-in-out;max-height:1500px;visibility:visible}.collapsible-section:not(.is-expanded)>.collapsible-content{max-height:0;visibility:hidden}.filters{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label{font-weight:500;color:var(--text-secondary-color)}.filter-group select,.filter-group input{background-color:var(--background-color);color:var(--text-color);border:1px solid #444;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);font-family:var(--font-secondary);font-size:1rem}select#character-filter{border-color:var(--primary-color)}.filter-group select:focus,.filter-group input:focus{outline:2px solid var(--primary-color);border-color:var(--primary-color)}.library-tabs{display:flex;border-bottom:1px solid #444;margin-bottom:var(--spacing-md);flex-shrink:0}.tab-button{flex:1;padding:.75rem var(--spacing-sm);border-bottom:3px solid transparent;color:var(--text-secondary-color);font-size:1.1rem;font-family:var(--font-primary);transition:color var(--transition-fast),border-color var(--transition-fast);text-transform:uppercase;white-space:nowrap}.tab-button:hover:not(:disabled){color:var(--text-color)}.tab-button.is-active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-button:disabled{color:#666;cursor:not-allowed}.tab-content{display:flex;flex-direction:column;flex-grow:1;min-height:0}.sample-combos-list,.favorites-list{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;flex-grow:1}.sample-combo-card,.favorite-combo-card{background-color:#333;border-radius:6px;padding:var(--spacing-md);border-left:4px solid #03a9f4;display:flex;flex-direction:column;gap:.75rem}.favorite-combo-card{border-left-color:#4caf50}.sample-combo-card h3,.favorite-combo-card h3{font-size:1.1rem;font-weight:500;margin:0}.sample-combo-parts,.favorite-combo-parts{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.sample-combo-parts .tag,.favorite-combo-parts .tag{background-color:#444;color:#ccc;padding:.2rem var(--spacing-sm);border-radius:12px;font-size:.75rem}.card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.load-sample-button,.load-favorite-button{background-color:#3e3e3e;color:var(--primary-color);border:1px solid var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-secondary);font-weight:500;border-radius:var(--border-radius-sm);align-self:flex-end;transition:background-color var(--transition-fast),color var(--transition-fast)}.load-sample-button:hover,.load-favorite-button:hover{background-color:var(--primary-color);color:#000}.delete-favorite-button{background-color:transparent;color:var(--text-secondary-color);border:1px solid #666;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.delete-favorite-button:hover{background-color:var(--error-color);color:var(--text-color);border-color:var(--error-color)}.tag-filter-container{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tag-category h4{font-size:.9rem;font-weight:500;color:var(--text-secondary-color);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid #444}.tag-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-filter-button{background-color:#4f4f4f;color:var(--text-color);border:1px solid #666;border-radius:16px;padding:.3rem .8rem;font-size:.85rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),text-decoration var(--transition-fast),color var(--transition-fast);position:relative}.tag-filter-button:hover{background-color:#5a5a5a}.tag-filter-button.is-active{font-weight:500;padding-left:1.5rem}.tag-filter-button.is-active:before{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-weight:700}.tag-filter-button.is-active.is-include{background-color:var(--positive-color);border-color:var(--positive-color);color:#000}.tag-filter-button.is-active.is-include:before{content:"\2713"}.library-controls{display:flex;justify-content:flex-start}.sort-control-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-md)}.sort-control-group h4{font-size:.9rem;font-weight:500;color:var(--text-secondary-color);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid #444}.sort-buttons{display:flex;gap:var(--spacing-sm)}.sort-option-button{flex:1;background-color:#4f4f4f;color:var(--text-color);border:1px solid #666;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);text-align:center}.sort-option-button:hover{background-color:#666}.sort-option-button.is-active{background-color:var(--primary-color);border-color:var(--primary-color);color:#000;font-weight:500}.parts-list{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.no-parts-found{text-align:center;color:var(--text-secondary-color);padding:var(--spacing-xl) 0}.show-more-container{padding-top:var(--spacing-md);margin-top:var(--spacing-md);text-align:center}.show-more-button{color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius-sm);padding:.8rem 1.2rem;font-family:var(--font-secondary);font-size:1rem;font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast);width:100%}.show-more-button:hover{background-color:var(--primary-color);color:#000}.builder-content{display:flex;flex-direction:column;flex-grow:1;gap:var(--spacing-lg)}.player-area{background-color:#000;border-radius:var(--border-radius-md);overflow:hidden;position:relative;width:100%;aspect-ratio:16 / 9}.player-area video{width:100%;height:100%;object-fit:contain}.player-placeholder{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-size:1.2rem;text-align:center;padding:var(--spacing-md)}.sequence-area{display:flex;flex-direction:column;flex-grow:1;min-height:0}.sequence-controls{margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.player-controls-main{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.sequence-actions-right{display:flex;gap:.75rem;align-items:center;position:relative}.player-control-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.6rem 1.2rem;border-radius:50px;font-size:1rem;font-weight:500;transition:all var(--transition-fast);background-color:#4f4f4f;color:var(--text-color);user-select:none}.player-control-button .control-icon{width:22px;height:22px}.player-control-button:hover:not(:disabled){background-color:#666;transform:translateY(-1px);box-shadow:0 2px 6px #00000040}.player-control-button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 3px #0003}.player-control-button:disabled{background-color:#333;color:#777;cursor:not-allowed}.play-pause-button{background-color:var(--primary-color);color:#000;padding:.8rem 1.5rem;font-size:1.2rem;font-family:var(--font-primary);min-width:120px}.play-pause-button .control-icon{width:24px;height:24px}.play-pause-button:hover:not(:disabled){background-color:#ffd65a}.clear-button{background-color:#4a4a4a;color:var(--text-secondary-color);font-size:1rem;padding:.6rem 1.2rem;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.clear-button:hover:not(:disabled){background-color:var(--error-color);color:var(--text-color)}.clear-button:disabled{background-color:#333;color:#777;cursor:not-allowed}.copy-feedback{position:absolute;bottom:110%;right:0;background-color:var(--positive-color);color:#000;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;white-space:nowrap}.copy-feedback.is-visible{opacity:1;transform:translateY(0)}.combo-stats{background-color:var(--background-color);border-radius:var(--border-radius-sm);padding:.75rem var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:center;font-size:1rem;border:1px solid #444}.combo-stats .info-item{white-space:nowrap}.combo-stats .info-item.drive-cost{color:#03a9f4}.combo-stats .info-item.sa-cost{color:#ff4081}.sequence-list-container{border:1px solid #444;border-radius:6px;padding:var(--spacing-md);flex-grow:1;min-height:150px;overflow-y:auto;background-color:var(--background-color);display:flex;flex-direction:column}.vcb-section,.notation-guide{grid-column:1 / -1}.vcb-h2-title-group{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--spacing-md)}.vcb-h2-main-title{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.vcb-h2-notice{font-family:var(--font-secondary);font-size:1rem;font-weight:400;color:var(--text-secondary-color);white-space:nowrap;text-transform:none;letter-spacing:normal}.notation-guide h2{margin-bottom:var(--spacing-md)}.notation-guide p{margin-bottom:var(--spacing-md);color:var(--text-secondary-color)}.notation-guide ul{list-style:none;padding-left:var(--spacing-md)}.notation-guide li{margin-bottom:var(--spacing-sm)}.notation-guide li strong{color:var(--primary-color);font-weight:500;margin-right:.5em}footer{background-color:#111;padding:var(--spacing-xl);margin-top:auto;border-top:1px solid #444;color:var(--text-secondary-color);font-size:.9rem}.footer-content{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.update-history h3,.legal-info h3,.contact-info h3,.roadmap h3{font-family:var(--font-primary);color:var(--text-color);font-size:1.5rem;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--primary-color);padding-bottom:var(--spacing-xs);display:inline-block}.update-history ul,.roadmap ul{list-style-type:none;padding-left:0}.update-history li,.roadmap li{margin-bottom:.35rem}.roadmap li:before{content:"\25b6\fe0e";color:var(--primary-color);margin-right:.5em;font-size:.8em}.legal-info{border-top:1px solid #333;padding-top:var(--spacing-lg);text-align:center}.legal-info p{margin-bottom:var(--spacing-md);line-height:1.4;word-break:keep-all;overflow-wrap:break-word}.legal-info p:last-of-type{margin-bottom:0}.contact-info{border-top:1px solid #333;padding-top:var(--spacing-lg);text-align:center}.contact-info p{line-height:1.4;word-break:keep-all;overflow-wrap:break-word}.contact-info a{color:var(--primary-color);text-decoration:none;font-weight:500}.contact-info a:hover{text-decoration:underline}.flying-part-card-clone{position:fixed;z-index:9999;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease-in,transform-origin .4s ease-in-out;pointer-events:none;margin:0!important}@media (max-width: 900px){main{grid-template-columns:1fr;max-height:none;overflow:visible}.sidebar,.parts-list{overflow-y:visible}.sequence-list-container{gap:var(--spacing-sm)}.vcb-section{display:none}}@media (max-width: 480px){.player-control-button span{display:none}.player-control-button{padding:.75rem;border-radius:50%}.play-pause-button{padding:var(--spacing-md);min-width:0}}@media (min-width: 901px){.collapsible-section:not(.vcb-section)>h2{cursor:default}.collapsible-section:not(.vcb-section)>h2{margin-bottom:var(--spacing-md)}.collapsible-section:not(.vcb-section) .expand-icon{display:none}.collapsible-section:not(.vcb-section) .collapsible-content{max-height:none;visibility:visible}}:root{--background-color: #1a1a1a;--surface-color: #2a2a2a;--primary-color: #ffc107;--text-color: #f0f0f0;--text-secondary-color: #a0a0a0;--error-color: #ff5252;--positive-color: #b9f6ca;--font-primary: "Teko", sans-serif;--font-secondary: "Roboto", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--transition-fast: .2s ease;--shadow-md: 0 4px 8px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-secondary);background-color:var(--background-color);color:var(--text-color);overscroll-behavior:none}body.no-scroll{overflow:hidden}body.user-select-none{user-select:none;-webkit-user-select:none}#root{display:flex;flex-direction:column;min-height:100vh}button{font-family:inherit;font-size:100%;cursor:pointer;background-color:transparent;border:none;color:inherit;padding:0;margin:0}.loading-spinner{border:4px solid rgba(255,255,255,.2);border-left-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-xl) auto}@keyframes spin{to{transform:rotate(360deg)}}