:root{--color-primary: rgb(17, 15, 67);--color-primary-light: rgb(43, 30, 119);--color-secondary: rgb(233, 255, 212);--color-background: rgb(242, 242, 250);--color-bars-bg: rgb(2, 5, 49);--color-bars-text: rgb(255, 255, 255);--color-bars-hover: rgb(233, 255, 212);--color-text-primary: rgb(0, 0, 0);--color-text-secondary: rgb(100, 100, 100);--color-panel-bg: var(--color-background);--color-page-bg: var(--color-background);--color-card-bg: var(--color-background);--color-table-header: var(--color-primary);--color-table-header-text: white;--color-table-row-odd: #f0f6ff;--color-table-row-even: #c0d8f0;--color-table-row-hover: #c2f0fc;--color-input-bg: rgb(255, 255, 255);--color-button-bg: var(--color-primary);--color-button-text: white;--color-button-hover: var(--color-primary-light);--font-primary: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;--font-secondary: "Segoe UI", sans-serif;--shadow-sm: 0 .2vh .5vh rgba(0, 0, 0, .1);--shadow-md: 0 .5vh 1vh rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-text-primary)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;overflow-y:auto;background-color:var(--color-background);padding-top:5vh}.bar{height:5vh;width:100vw;background-color:var(--color-bars-bg);display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--color-bars-text);font-family:var(--font-primary)}.bar.top-bar{position:fixed;top:0;left:0;z-index:100}.bar a{color:var(--color-bars-text);text-decoration:none;margin:0 1vw;font-size:1.8vh;font-weight:500;font-family:var(--font-secondary)}.bar a:visited{color:var(--color-bars-text)}.bar a:hover{color:var(--color-bars-hover);text-decoration:underline}.bar a.active{background-color:var(--color-primary-light);padding:.5vh 1vw;border-radius:1vw;color:var(--color-secondary)}.navobject{color:var(--color-bars-text);font-size:1.8vh;margin:1vw;font-family:var(--font-primary)}.navobject.down{margin-left:5vh;margin-right:5vh}button{background-color:var(--color-button-bg);color:var(--color-button-text);border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;font-family:var(--font-primary);transition:all .2s ease;box-shadow:var(--shadow-sm)}button:hover{background-color:var(--color-button-hover);transform:translateY(-2px)}button:disabled{background-color:#aaa;cursor:not-allowed;transform:none}input,select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px;font-family:var(--font-primary);background-color:var(--color-input-bg);transition:border-color .2s}input:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #110f4333}.page{padding:2vh 2vw}.center{display:flex;justify-content:center;align-items:center}.mainwrapper{height:90vh;width:100vw;overflow:auto;background-color:var(--color-page-bg)}.sizediv{width:100%;max-width:100vw;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:20vh;background-color:var(--color-page-bg)}.content{height:20vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0}.card{background-color:var(--color-card-bg);border-radius:2vh;box-shadow:var(--shadow-sm)}@media screen and (max-width:954px){.mainwrapper{height:77.3vh;overflow:auto}}@media screen and (max-width:768px){.bar a{font-size:1.5vh;margin:0 .5vw}.bar a.active{padding:.4vh .8vw}.page{padding:1.5vh 1.5vw}}.landing{height:100vh;align-items:center;display:flex;justify-content:center;background-color:var(--color-background)}.landingbox{border-width:.2vw;border-radius:3vw;border-color:var(--color-text-primary);border-style:solid;background-color:var(--color-input-bg);height:7vh;width:50vh;font-size:2vh;text-align:center;font-family:var(--font-primary)}.landingbox:focus{outline:none;border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.landingbox:disabled{background-color:#eee;cursor:not-allowed}.content-grid{width:100%;min-height:150px;margin-bottom:1vh;display:flex;flex-direction:column;align-items:center;padding-bottom:2vh;position:sticky;left:0;top:0;z-index:20;background-color:var(--color-background)}.content-grid h2{color:var(--color-primary);margin-bottom:1vh}.grid-col-adjust{padding-top:2vh;padding-bottom:4vh}.grid-collection{width:10vw;min-width:200px;text-align:center;font-size:2vh;border-radius:2vh;background-color:var(--color-primary);color:#fff;padding:.5vh;border:none;cursor:pointer}.grid-table-container{height:65vh;width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:auto;position:relative;margin:0 auto;padding-bottom:20px}.grid-table{border-collapse:collapse;width:auto;margin:0 auto;margin-bottom:2vh;box-shadow:var(--shadow-sm);table-layout:auto;overflow:visible}.grid-table thead{position:sticky;top:0;z-index:10}.grid-table thead th{background-color:var(--color-table-header);color:var(--color-table-header-text);font-size:2vh;padding:1.5vh 1vh;border-bottom:.3vh solid #ccc;white-space:nowrap;min-width:100px;max-width:200px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.grid-table tbody tr{height:4vh;transition:background-color .2s}.grid-table tbody tr:hover{background-color:var(--color-table-row-hover)}.grid-table tbody tr:nth-child(odd){background-color:var(--color-table-row-odd)}.grid-table tbody tr:nth-child(2n){background-color:var(--color-table-row-even)}.grid-table td{font-size:1.4vh;padding:1vh;border-bottom:.35vh solid #e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px;max-width:200px;text-align:center}th.sorted-column{background-color:#141e23;position:relative;padding-right:15px}th.sorted-column.asc:after{content:" ↑"}th.sorted-column.desc:after{content:" ↓"}.action-header,.action-cell{min-width:150px;max-width:150px;text-align:center}.action-cell{padding:.5vh!important}.action-buttons{display:flex;justify-content:center;gap:2px}.action-button{border:none;border-radius:4px;cursor:pointer;font-size:1.2vh;padding:.5vh;margin:1px;min-width:24px}.edit-button{background-color:var(--color-primary);color:#fff;min-width:40px}.edit-button:hover{background-color:var(--color-primary-light)}.save-button{background-color:#2ecc71;color:#fff;min-width:45px}.save-button:hover{background-color:#27ae60}.delete-button{background-color:#e74c3c;color:#fff;min-width:50px}.delete-button:hover{background-color:#c0392b}.cancel-button{background-color:#95a5a6;color:#fff;min-width:50px}.cancel-button:hover{background-color:#7f8c8d}tr.editing-row td{position:relative}tr.editing-row td:before{content:"";position:absolute;inset:0;background-color:#fffde799;pointer-events:none;z-index:-1}.editable-cell{padding:.5vh!important}.edit-input,.edit-select{width:100%;padding:.5vh;border:1px solid #ccc;border-radius:4px;font-size:1.4vh;background-color:#fff;text-align:center}.table-actions{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.add-button,.batch-toggle-button{background-color:var(--color-primary);color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:140px}.add-button:hover,.batch-toggle-button:hover{background-color:var(--color-primary-light)}.add-form-container{background-color:var(--color-background);border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm);width:100%;max-width:500px;border:1px solid #e0e0e0;margin-left:auto;margin-right:auto;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.add-form-container h3{color:var(--color-primary);margin-top:0;margin-bottom:15px;font-size:18px;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:flex;flex-direction:column;font-weight:500;color:var(--color-text-primary);font-size:16px}.form-group input,.form-group select{margin-top:5px;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px;background-color:#fff}.form-buttons{display:flex;justify-content:space-between;margin-top:20px}.submit-button{background-color:var(--color-primary);color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.submit-button:hover{background-color:var(--color-primary-light)}.form-buttons .cancel-button{background-color:#f0f0f0;color:#333;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.form-buttons .cancel-button:hover{background-color:#e0e0e0}.batch-processor-container{background-color:var(--color-background);border-radius:10px;padding:15px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm);width:100%;max-width:700px;border:1px solid #e0e0e0;animation:slideDown .3s ease-out}.batch-processor-container h3{color:var(--color-primary);margin-top:0;margin-bottom:15px;font-size:16px;text-align:center;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.batch-form-layout{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.batch-range-group,.batch-update-group{display:flex;gap:15px;flex-wrap:wrap}.batch-form-group label{display:flex;flex-direction:column;font-weight:500;font-size:14px}.batch-form-group input,.batch-form-group select{margin-top:5px;padding:8px;border:1px solid #ccc;border-radius:6px;font-size:14px;width:120px}.batch-error{color:#dc3545;font-size:14px;margin:8px 0;text-align:center}.batch-form-buttons{display:flex;justify-content:center;gap:15px;margin-top:15px}.batch-submit-button,.batch-cancel-button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.batch-submit-button{background-color:var(--color-primary);color:#fff}.batch-cancel-button{background-color:#f0f0f0;color:#333}.range-slider-container{width:100%;margin:5px 0 20px;padding:10px 15px;background-color:#f8f9facc;border-radius:8px;border:1px solid #e0e0e0;max-width:100%}.range-slider-labels{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}.slider-title{font-weight:700;color:var(--color-primary);font-size:15px}.slider-min-label,.slider-max-label{color:var(--color-text-secondary);font-size:13px}.range-input{width:100px;margin-left:5px;padding:5px;border:1px solid #ccc;border-radius:4px}.filtered-items-count{text-align:center;margin-bottom:10px;font-size:14px;color:var(--color-text-secondary);background-color:#f0f6ff;padding:5px 10px;border-radius:4px;display:inline-block}.add-status{margin:1vh 0 2vh;padding:1vh;border-radius:6px;text-align:center;font-weight:500;max-width:600px;margin-left:auto;margin-right:auto;font-size:1.6vh;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.add-status.success{background-color:#e7f7e7;color:#28a745;border:1px solid #c3e6cb}.add-status.error{background-color:#f8d7da;color:#dc3545;border:1px solid #f5c6cb}.loading-message{color:var(--color-text-secondary);text-align:center}.error-message{color:#dc3545;text-align:center}.refresh-button-container{display:flex;justify-content:center;margin-top:10px;margin-bottom:20px}.refresh-button{background-color:var(--color-primary);color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}.refresh-button:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}.refresh-icon{font-size:18px;transition:transform .5s ease}.refresh-button:hover .refresh-icon{transform:rotate(180deg)}.table-bottom-spacer{width:100%;min-height:80px;margin-top:20px;padding:20px;border-radius:8px;box-shadow:var(--shadow-sm);text-align:center}.first-spacer{background-color:#f0f6ff;border:1px solid #e0e0e0;margin-bottom:30px}.status-idle{color:#ec6c02;font-weight:500}.status-fresh{color:#5c2ae7;font-weight:500}tr.highlight-row{animation:highlight-pulse 2.5s ease-in-out forwards}@keyframes highlight-pulse{0%,to{background-color:#fffd9f4d}50%{background-color:#fffd9fcc}}.grid-summary{width:100%;padding:15px}.summary-container{display:flex;justify-content:space-around;gap:30px;flex-wrap:wrap}.summary-section{flex:1;min-width:250px;max-width:400px}.summary-section h3{color:var(--color-primary);font-size:18px;margin-top:0;margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #e0e0e0;text-align:center}.summary-items{display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;justify-content:space-between;font-size:16px;padding:5px 10px;background-color:#f9f9f9;border-radius:4px}.summary-item.total{margin-top:5px;background-color:#f0f6ff;font-weight:700;border-top:1px solid #e0e0e0;padding-top:10px}.budget-status{display:flex;align-items:center;gap:5px}.status-icon{font-size:18px}.summary-item.budget-deficit{background-color:#fff0f0;border-left:3px solid #e74c3c}.summary-item.budget-surplus{background-color:#f0fff0;border-left:3px solid #2ecc71}.wallet-error-message{margin-top:15px;text-align:center;color:#e74c3c;font-size:14px;font-style:italic}@media screen and (max-width:768px){.grid-table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;height:40vh}.grid-table{min-width:100%;width:max-content}.grid-table th,.grid-table td{min-width:90px;padding:.8vh .5vh;font-size:1.7vh}.action-cell,.action-header{min-width:100px;max-width:100px}.action-buttons{flex-direction:column;gap:2px}.table-actions{flex-direction:column;align-items:center;gap:10px}.add-button,.batch-toggle-button{width:100%;max-width:200px}.grid-collection{width:80%;max-width:300px}.summary-container{flex-direction:column;align-items:center}.summary-section{width:100%;max-width:100%}.refresh-button{width:80%;max-width:250px;font-size:14px}.table-bottom-spacer{width:90%;margin-left:auto;margin-right:auto;padding:20px 15px;position:static;display:block!important;overflow:visible!important}.first-spacer{min-height:80px;margin-top:30px;margin-bottom:25px;background-color:#e4eeff;border:2px solid #b0c4e4;font-size:16px;font-weight:700;z-index:50}}@media screen and (max-width:954px){.content-grid{position:sticky;top:0;left:0;width:100%;z-index:20}}.alt-grids{padding:2vh 3vw;max-width:1400px;margin:0 auto}.alt-grids-header{text-align:center;margin-bottom:3vh}.alt-grids-header h1{color:var(--color-primary);font-size:3vh;margin:0}.alt-grids-subtitle{color:var(--color-text-secondary);font-size:1.6vh;margin-top:.5vh}.alt-grids-controls{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:2vh;padding:1.5vh;background:#fff;border-radius:10px;box-shadow:var(--shadow-sm)}.collection-select{min-width:180px;padding:10px 15px;font-size:1.6vh}.refresh-btn{min-width:100px}.add-btn-toggle{background:#2ecc71;color:#fff;min-width:100px}.add-btn-toggle:hover{background:#27ae60}.batch-btn-toggle{background:#f39c12;color:#fff;min-width:100px}.batch-btn-toggle:hover{background:#e67e22}.add-item-container{background:#fff;padding:20px;border-radius:10px;margin-bottom:2vh;box-shadow:var(--shadow-sm);border-left:4px solid #2ecc71;animation:slideDown .3s ease-out}.add-item-container h3{margin:0 0 15px;color:var(--color-primary);font-size:1.8vh;text-align:center}.add-item-row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;align-items:flex-end}.add-item-group{display:flex;flex-direction:column;gap:5px}.add-item-group label{font-size:1.3vh;color:var(--color-text-secondary);font-weight:500}.add-item-group input,.add-item-group select{padding:8px 12px;font-size:1.4vh;min-width:120px}.add-item-error{color:#e74c3c;text-align:center;margin:10px 0;font-size:1.4vh}.add-item-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.add-btn{padding:10px 20px;border-radius:6px;font-size:1.4vh;font-weight:500;cursor:pointer;border:none}.add-btn.submit{background:#2ecc71;color:#fff}.add-btn.submit:hover{background:#27ae60}.add-btn.cancel{background:#95a5a6;color:#fff}.add-btn.cancel:hover{background:#7f8c8d}.view-toggle{display:flex;border-radius:8px;overflow:hidden;border:2px solid var(--color-primary)}.view-toggle button{padding:8px 16px;border:none;background:#fff;color:var(--color-primary);font-size:1.4vh;cursor:pointer;transition:all .2s;box-shadow:none;transform:none}.view-toggle button:hover{background:#f0f0f0;transform:none}.view-toggle button.active{background:var(--color-primary);color:#fff}.alt-grids-error{background:#fee;color:#c00;padding:15px;border-radius:8px;text-align:center;margin-bottom:2vh}.alt-grids-empty{text-align:center;padding:5vh;color:var(--color-text-secondary);font-size:2vh}.batch-edit-container{background:#fff;padding:20px;border-radius:10px;margin-bottom:2vh;box-shadow:var(--shadow-sm);border-left:4px solid #f39c12;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-edit-container h3{margin:0 0 15px;color:var(--color-primary);font-size:1.8vh;text-align:center}.batch-edit-row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;align-items:flex-end}.batch-edit-group{display:flex;flex-direction:column;gap:5px}.batch-edit-group label{font-size:1.3vh;color:var(--color-text-secondary);font-weight:500}.batch-edit-group input,.batch-edit-group select{padding:8px 12px;font-size:1.4vh;min-width:120px}.batch-edit-error{color:#e74c3c;text-align:center;margin:10px 0;font-size:1.4vh}.batch-edit-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.batch-btn{padding:10px 20px;border-radius:6px;font-size:1.4vh;font-weight:500;cursor:pointer;border:none}.batch-btn.apply{background:#f39c12;color:#fff}.batch-btn.apply:hover{background:#e67e22}.batch-btn.cancel{background:#95a5a6;color:#fff}.batch-btn.cancel:hover{background:#7f8c8d}.grid-stats-full{margin-bottom:2vh}.stats-row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-bottom:15px}.quick-stats .stat-card{background:#fff;padding:10px 18px;border-radius:10px;text-align:center;min-width:80px;box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary)}.stat-card.idle{border-left-color:#ec6c02}.stat-card.fresh{border-left-color:#5c2ae7}.stat-card.on{border-left-color:#2ecc71}.stat-card.off{border-left-color:#95a5a6}.stat-value{display:block;font-size:2vh;font-weight:700;color:var(--color-primary)}.stat-label{font-size:1.2vh;color:var(--color-text-secondary);text-transform:uppercase}.financial-stats{background:#fff;padding:20px;border-radius:10px;box-shadow:var(--shadow-sm);justify-content:space-around}.stat-section{min-width:200px;flex:1;max-width:280px}.stat-section h4{color:var(--color-primary);font-size:1.6vh;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);text-align:center}.stat-item{display:flex;justify-content:space-between;padding:6px 10px;font-size:1.4vh;background:#f8f9fa;border-radius:4px;margin-bottom:5px}.stat-item.total{background:#e8f4fd;font-weight:600;border-top:1px solid #ddd;margin-top:8px}.stat-item.surplus{background:#e8f8e8;border-left:3px solid #2ecc71}.stat-item.deficit{background:#fde8e8;border-left:3px solid #e74c3c}.stat-item-label{color:var(--color-text-secondary)}.stat-item-value{color:var(--color-primary);font-weight:500}.grid-filters{background:#fff;padding:15px 20px;border-radius:10px;margin-bottom:2vh;box-shadow:var(--shadow-sm)}.filters-row{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:1.3vh;color:var(--color-text-secondary);font-weight:500}.filter-group select,.filter-group input{padding:8px 12px;font-size:1.4vh;min-width:150px}.filters-info{margin-top:12px;padding-top:12px;border-top:1px solid #eee;font-size:1.4vh;color:var(--color-text-secondary);display:flex;align-items:center;gap:15px}.clear-filters{padding:5px 12px;font-size:1.2vh;background:#f0f0f0;color:#666;border:none;box-shadow:none}.clear-filters:hover{background:#e0e0e0;transform:none}.cards-container{display:grid;gap:15px}.cards-container.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cards-container.compact{grid-template-columns:1fr;gap:8px}.grid-card{background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s;border-left:5px solid var(--color-primary)}.grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid-card.status-idle{border-left-color:#ec6c02}.grid-card.status-fresh{border-left-color:#5c2ae7}.grid-card.editing{background:#fffde7}.card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9fa;border-bottom:1px solid #eee}.card-buypoint{font-size:1.8vh;font-weight:700;color:var(--color-primary)}.card-status{padding:4px 10px;border-radius:12px;font-size:1.2vh;font-weight:600;text-transform:uppercase}.card-status.status-idle{background:#fff3e0;color:#ec6c02}.card-status.status-fresh{background:#ede7f6;color:#5c2ae7}.card-body{padding:15px}.card-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row.small{font-size:1.2vh}.detail-label{color:var(--color-text-secondary);font-size:1.3vh}.detail-value{font-weight:600;font-size:1.5vh}.detail-value.muted{color:var(--color-text-secondary);font-weight:400;font-size:1.2vh}.io-on{color:#2ecc71}.io-off{color:#95a5a6}.positive{color:#2ecc71}.negative{color:#e74c3c}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-form label{display:flex;flex-direction:column;gap:5px;font-size:1.3vh;color:var(--color-text-secondary)}.edit-form select,.edit-form input{padding:10px;font-size:1.5vh}.card-actions{display:flex;gap:8px;padding:12px 15px;background:#f8f9fa;border-top:1px solid #eee}.card-actions .btn{flex:1;padding:8px 12px;font-size:1.3vh;border-radius:6px}.btn.edit{background:var(--color-primary);color:#fff}.btn.delete{background:#e74c3c;color:#fff}.btn.save{background:#2ecc71;color:#fff}.btn.cancel{background:#95a5a6;color:#fff}.grid-card.compact{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-radius:8px}.grid-card.compact:hover{transform:none}.compact-main{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.compact-buypoint{font-weight:700;color:var(--color-primary);min-width:80px}.compact-status{padding:3px 8px;border-radius:10px;font-size:1.1vh;font-weight:600}.compact-status.status-idle{background:#fff3e0;color:#ec6c02}.compact-status.status-fresh{background:#ede7f6;color:#5c2ae7}.compact-io{font-weight:600;min-width:30px}.compact-funds{min-width:60px}.compact-profit{min-width:90px;font-weight:600}.compact-incremented{color:var(--color-text-secondary);font-size:1.2vh}.compact-actions{display:flex;gap:5px}.btn-sm{padding:5px 10px;font-size:1.1vh;border-radius:4px}.btn-sm.edit{background:var(--color-primary);color:#fff}.btn-sm.delete{background:#e74c3c;color:#fff}.btn-sm.save{background:#2ecc71;color:#fff}.btn-sm.cancel{background:#95a5a6;color:#fff}.grid-card.compact.editing{background:#fffde7}.compact-main.compact-editing{gap:10px}.compact-edit-select,.compact-edit-input{padding:5px 8px;font-size:1.3vh;border:1px solid #ccc;border-radius:4px;width:80px}.compact-edit-input{width:100px}.grid-card.compact.last-idle{position:relative;border-left:5px solid #ec6c02;border-bottom:2px dashed #f39c12;background:linear-gradient(90deg,#ec6c021a,#fff 30%)}.grid-card.compact.last-idle:after{content:"Last IDLE";position:absolute;right:120px;top:50%;transform:translateY(-50%);background:#ec6c02;color:#fff;padding:2px 8px;border-radius:8px;font-size:1vh;font-weight:700}.grid-card.compact.transition-point{position:relative;border-left:5px solid #5c2ae7;border-top:2px dashed #f39c12;background:linear-gradient(90deg,#5c2ae71a,#fff 30%);animation:transition-pulse 2s ease-in-out}.grid-card.compact.transition-point:before{content:"First FRESH";position:absolute;right:120px;top:50%;transform:translateY(-50%);background:#5c2ae7;color:#fff;padding:2px 8px;border-radius:8px;font-size:1vh;font-weight:700}@keyframes transition-pulse{0%,to{box-shadow:0 0 #f39c1266}50%{box-shadow:0 0 0 10px #f39c1200}}@media(max-width:768px){.alt-grids{padding:1.5vh 2vw}.alt-grids-controls{flex-direction:column}.collection-select{width:100%}.filters-row{flex-direction:column}.filter-group,.filter-group select,.filter-group input{width:100%}.quick-stats{gap:8px}.quick-stats .stat-card{min-width:60px;padding:8px 12px}.financial-stats{flex-direction:column;padding:15px}.stat-section{max-width:100%;width:100%}.cards-container.cards{grid-template-columns:1fr}.compact-main{gap:10px;font-size:1.3vh}}.assets-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:2vh}.wallet-container{width:60%;border-radius:2vh;background-color:var(--color-panel-bg);box-shadow:var(--shadow-sm);margin-top:2vh;align-self:center;display:flex;flex-direction:column;min-width:fit-content;align-items:center}.wallet-header{border-bottom:.2vh solid rgb(222,222,222);padding-bottom:1.5vh;margin-bottom:2vh;padding-left:30px;padding-right:30px}.wallet-header h3{color:var(--color-primary);font-size:2.5vh;margin:0 0 1vh;font-weight:700}.last-updated{font-size:1.5vh;font-style:italic;color:var(--color-text-secondary);margin:.5vh 0}.wallet-content{display:flex;flex-direction:row;gap:3vh;justify-content:space-between}.wallet-section{flex:1;margin-bottom:0vh}.wallet-section h4{color:var(--color-primary);font-size:1.8vh;margin:0 0 1vh;padding-bottom:.5vh;border-bottom:.1vh solid rgb(222,222,222);text-align:center;font-weight:700}.wallet-table-container{width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;padding-bottom:3vh;background-color:var(--color-page-bg)}.crypto-table{width:100%;border-collapse:collapse;font-size:1.6vh;margin-top:1vh}.crypto-table th{background-color:var(--color-primary);color:#fff;text-align:center;padding:1vh;border-radius:0}.crypto-table td{padding:1vh;border-bottom:.1vh solid rgb(222,222,222);text-align:center}.crypto-table tr:nth-child(2n){background-color:#add8e64d}.crypto-table tr:last-child td{border-bottom:none}.loading-message,.error-message{font-size:1.8vh;text-align:center}.error-message{color:#d32f2f}@media(max-width:768px){.wallet-container{width:95%}.wallet-content{flex-direction:column}.wallet-section{width:100%}}.devnotes{display:flex;height:100%;background:var(--bg-secondary);gap:1px}.devnotes-loading,.devnotes-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.devnotes-error button{padding:.5rem 1rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.devnotes-sidebar{width:280px;min-width:280px;background:var(--bg-primary);display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.sidebar-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.auth-btn{padding:.4rem .75rem;background:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:opacity .15s}.auth-btn:hover{opacity:.9}.auth-btn.signed-in{width:32px;height:32px;padding:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600}.user-avatar{width:100%;height:100%;object-fit:cover}.auth-loading{color:var(--text-secondary)}.devnotes-nav{flex:1;overflow-y:auto;padding:.5rem 0}.nav-category{margin-bottom:.25rem}.category-row{display:flex;align-items:center}.category-btn{flex:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:none;border:none;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:background .15s;text-align:left}.category-btn:hover{background:var(--bg-hover)}.category-btn.expanded{background:var(--bg-secondary)}.category-icon{font-size:1.1rem}.category-name{flex:1}.category-arrow{font-size:.7rem;color:var(--text-secondary);transition:transform .2s}.delete-btn{padding:.4rem .75rem;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:opacity .15s}.delete-btn:hover{opacity:.9}.delete-btn.small{width:24px;height:24px;padding:0;margin-right:.5rem;font-size:1rem;line-height:1;background:transparent;color:var(--text-secondary);opacity:0;transition:opacity .15s,color .15s}.category-row:hover .delete-btn.small{opacity:1}.delete-btn.small:hover{color:#dc3545;background:transparent}.note-list{list-style:none;margin:0;padding:0;background:var(--bg-secondary)}.loading-notes{padding:.75rem 1.25rem .75rem 3rem;color:var(--text-secondary);font-size:.85rem;font-style:italic}.note-btn{width:100%;padding:.6rem 1.25rem .6rem 3rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;text-align:left;transition:all .15s}.note-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.note-btn.active{color:var(--accent-color);background:var(--bg-active);font-weight:500}.add-note-item{padding:.25rem 1.25rem .25rem 2rem}.add-note-btn{width:100%;padding:.5rem 1rem;background:none;border:1px dashed var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .15s}.add-note-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.add-note-form{display:flex;flex-direction:column;gap:.5rem}.add-note-form input{padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem}.add-note-form input:focus{outline:none;border-color:var(--accent-color)}.add-note-actions{display:flex;gap:.5rem}.add-note-actions button{flex:1;padding:.4rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer}.add-note-actions button:first-child{background:var(--accent-color);color:#fff}.add-note-actions button:last-child{background:var(--bg-hover);color:var(--text-secondary)}.add-category-section{padding:.75rem 1.25rem;border-top:1px solid var(--border-color)}.add-category-btn{width:100%;padding:.6rem 1rem;background:none;border:1px dashed var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s}.add-category-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.add-category-form{display:flex;flex-direction:column;gap:.5rem}.add-category-form input{padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem}.add-category-form input:focus{outline:none;border-color:var(--accent-color)}.add-category-actions{display:flex;gap:.5rem}.add-category-actions button{flex:1;padding:.4rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer}.add-category-actions button:first-child{background:var(--accent-color);color:#fff}.add-category-actions button:last-child{background:var(--bg-hover);color:var(--text-secondary)}.devnotes-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.content-header{padding:1rem 2rem;border-bottom:1px solid var(--border-color)}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.content-category{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.header-actions{display:flex;gap:.5rem}.edit-btn,.save-btn,.cancel-btn{padding:.4rem .75rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:opacity .15s}.edit-btn{background:var(--accent-color);color:#fff}.save-btn{background:#28a745;color:#fff}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:var(--bg-hover);color:var(--text-secondary)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.content-header h1{margin:0;font-size:1.5rem;color:var(--text-primary)}.title-input{width:100%;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1.25rem;font-weight:600}.title-input:focus{outline:none;border-color:var(--accent-color)}.content-body{flex:1;overflow-y:auto;padding:1.5rem 2rem;margin:0;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;background:var(--bg-secondary)}.content-editor{flex:1;padding:1.5rem 2rem;margin:0;background:var(--bg-secondary);border:none;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;color:var(--text-primary);resize:none}.content-editor:focus{outline:none}.content-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic;background:var(--bg-secondary)}.content-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.content-empty h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.content-empty p{margin:0 0 1rem;font-size:1rem}.login-hint{font-size:.85rem;color:var(--accent-color);margin-bottom:1rem}.quick-stats{display:flex;gap:2rem;margin-top:1rem}.quick-stat{display:flex;flex-direction:column;align-items:center}.stat-num{font-size:2rem;font-weight:600;color:var(--accent-color)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.devnotes-nav::-webkit-scrollbar,.content-body::-webkit-scrollbar,.content-editor::-webkit-scrollbar{width:6px}.devnotes-nav::-webkit-scrollbar-track,.content-body::-webkit-scrollbar-track,.content-editor::-webkit-scrollbar-track{background:transparent}.devnotes-nav::-webkit-scrollbar-thumb,.content-body::-webkit-scrollbar-thumb,.content-editor::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.devnotes-nav::-webkit-scrollbar-thumb:hover,.content-body::-webkit-scrollbar-thumb:hover,.content-editor::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.devnotes{flex-direction:column}.devnotes-sidebar{width:100%;min-width:unset;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-color)}.content-body,.content-editor{font-size:.85rem}.header-actions{flex-wrap:wrap}}.warrants-page{min-height:100%;background:var(--bg-secondary);padding:2vh 0;overflow-y:auto}.warrants-container{max-width:1100px;margin:0 auto;padding:0 3vw}.warrants-loading,.warrants-error,.warrants-empty{max-width:900px;margin:0 auto;padding:10vh 3vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.warrants-loading .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.warrants-error button{margin-top:1rem;padding:.6rem 1.5rem;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.warrants-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.warrants-empty h2{margin:0 0 .5rem;color:var(--text-primary)}.warrants-header{text-align:center;margin-bottom:3vh}.warrants-header h1{margin:0;font-size:2.25rem;color:var(--text-primary)}.header-subtitle{margin:.5rem 0 0;font-size:1rem;color:var(--text-secondary)}.day-page{background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 16px #0000001f;border:1px solid var(--border-color);margin-bottom:4vh;overflow:hidden}.day-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.day-date{display:flex;flex-direction:column}.date-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.date-value{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.day-summary{display:flex;gap:.5rem;flex-wrap:wrap}.entry-timing{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#6366f114;border-radius:8px;border:1px solid rgba(99,102,241,.2)}.entry-hint{font-size:.85rem;font-weight:500;color:var(--accent-color)}.entry-hint.friday-warning{color:#f59e0b}.entry-date{font-size:.75rem;color:var(--text-secondary);margin-top:.2rem}.summary-badge{padding:.4rem .85rem;border-radius:20px;font-size:.85rem;font-weight:500}.summary-badge.healthy{background:#22c55e26;color:#16a34a}.summary-badge.death-spiral{background:#f59e0b26;color:#d97706}.summary-badge.down{background:#ef444426;color:#dc2626}.signal-section{padding:1.75rem 2rem;border-bottom:1px solid var(--border-color)}.signal-section:last-of-type{border-bottom:none}.section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.section-icon{font-size:1.2rem}.section-hint{margin-left:auto;font-size:.85rem;font-weight:400;color:var(--text-secondary)}.death-spiral-warning{display:flex;gap:.75rem;padding:1rem;margin-bottom:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:8px}.death-spiral-warning .warning-icon{font-size:1.5rem;flex-shrink:0}.death-spiral-warning .warning-content strong{display:block;color:#d97706;margin-bottom:.25rem}.death-spiral-warning .warning-content p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.signals-list{display:flex;flex-direction:column;gap:.75rem}.signal-card{display:flex;align-items:center;gap:1.25rem;padding:1.15rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease}.signal-card:hover{border-color:var(--accent-color);transform:translate(4px)}.signal-card.selected{border-color:var(--accent-color);background:#6366f10d;box-shadow:0 0 0 2px #6366f11a}.signal-card.up_healthy{border-left:4px solid #22c55e}.signal-card.up_death_spiral{border-left:4px solid #f59e0b}.signal-card.down{border-left:4px solid #ef4444}.signal-header{flex:1;min-width:0}.signal-name{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.stock-name{font-weight:600;font-size:1.05rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-badge{padding:.2rem .55rem;border-radius:4px;font-size:.7rem;font-weight:700;flex-shrink:0}.tier-badge.tier-1{background:#22c55e;color:#fff}.tier-badge.tier-2{background:#f59e0b;color:#fff}.tier-badge.tier-3{background:#ef4444;color:#fff}.signal-price{font-size:.9rem;color:var(--text-secondary)}.signal-metrics{display:flex;gap:1.5rem;flex-shrink:0}.metric{display:flex;flex-direction:column;align-items:flex-end;min-width:60px}.metric-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.metric-value{font-size:.95rem;font-weight:600}.metric-value.positive{color:#22c55e}.metric-value.negative{color:#ef4444}.metric-value.neutral{color:var(--text-secondary)}.signal-footer{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.warrant-count{font-size:.85rem;padding:.3rem .7rem;background:var(--bg-primary);border-radius:4px;color:var(--text-secondary)}.death-spiral-badge{font-size:.75rem;padding:.25rem .6rem;background:#f59e0b33;color:#d97706;border-radius:4px;font-weight:500}.warrant-table-container{margin-top:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.warrant-table-header{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.warrant-table-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.warrant-table-header .table-date{font-weight:400;color:var(--text-secondary);font-size:.9rem}.warrant-table-wrapper{overflow-x:auto}.warrant-table{width:100%;border-collapse:collapse;font-size:.9rem}.warrant-table th,.warrant-table td{padding:.75rem 1rem;text-align:left;white-space:nowrap}.warrant-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border-color)}.warrant-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .1s}.warrant-table tbody tr:last-child{border-bottom:none}.warrant-table tbody tr:hover{background:var(--bg-hover)}.warrant-table .symbol{font-weight:600;color:var(--accent-color)}.warrant-table .type{font-weight:600}.warrant-table .type.call{color:#22c55e}.warrant-table .type.put{color:#ef4444}.warrant-table .moneyness.itm{color:#22c55e;font-weight:500}.warrant-table .moneyness.atm{color:var(--text-secondary)}.warrant-table .moneyness.otm{color:#ef4444;font-weight:500}.warrant-table .days.warning{color:#f59e0b;font-weight:500}.warrant-table .days-warning{margin-left:.25rem;color:#f59e0b}.warrant-table .leverage.high-risk{color:#ef4444;font-weight:500}.warrant-table .leverage.medium-risk{color:#f59e0b}.warrant-table .provider{color:var(--text-secondary);font-size:.75rem}.no-warrants{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.day-footer{display:flex;justify-content:space-between;padding:1rem 2rem;background:var(--bg-secondary);font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap;gap:.5rem}.warrants-page::-webkit-scrollbar,.warrant-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.warrants-page::-webkit-scrollbar-track,.warrant-table-wrapper::-webkit-scrollbar-track{background:transparent}.warrants-page::-webkit-scrollbar-thumb,.warrant-table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.warrants-page::-webkit-scrollbar-thumb:hover,.warrant-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.warrants-container{padding:0 4vw}.warrants-header h1{font-size:1.5rem}.day-header{padding:1rem}.date-value{font-size:1.1rem}.signal-section{padding:1rem}.signal-card{flex-direction:column;align-items:flex-start;gap:.75rem}.signal-metrics{width:100%;justify-content:space-between}.metric{align-items:flex-start}.signal-footer{width:100%;justify-content:space-between}.warrant-table th,.warrant-table td{padding:.6rem .75rem;font-size:.75rem}.day-footer{flex-direction:column;text-align:center}}@media(max-width:480px){.day-summary{width:100%;justify-content:flex-start}.entry-timing{width:100%;order:3;margin-top:.5rem}.summary-badge{font-size:.7rem;padding:.25rem .5rem}.signal-metrics{flex-wrap:wrap;gap:.75rem}}.video-creation-page{display:flex;height:100vh;max-height:100vh;overflow:hidden;position:relative;--track-label-width: 120px}.vc-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex:1;color:var(--color-text-secondary);font-size:1.1rem}.vc-main{flex:1;display:flex;flex-direction:column;padding:1rem 2vw;overflow-y:auto;overflow-x:hidden;background:var(--color-background);min-width:0;height:100vh;max-height:100vh}.vc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.vc-header-left{display:flex;align-items:center;gap:1rem}.vc-header h1{font-size:1.3rem;margin:0}.vc-save-status{display:flex;align-items:center}.vc-saving{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.vc-unsaved{font-size:.8rem;color:#e67e22;font-style:italic}.vc-saved{font-size:.8rem;color:#27ae60}.vc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary)}.vc-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.vc-empty h2{margin:0 0 .5rem;color:var(--color-text-primary)}.vc-empty p{margin:0}.vc-project-list::-webkit-scrollbar,.vc-container-list::-webkit-scrollbar,.vc-sidebar-content::-webkit-scrollbar{width:6px}.vc-project-list::-webkit-scrollbar-track,.vc-container-list::-webkit-scrollbar-track,.vc-sidebar-content::-webkit-scrollbar-track{background:transparent}.vc-project-list::-webkit-scrollbar-thumb,.vc-container-list::-webkit-scrollbar-thumb,.vc-sidebar-content::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.vc-project-list::-webkit-scrollbar-thumb:hover,.vc-container-list::-webkit-scrollbar-thumb:hover,.vc-sidebar-content::-webkit-scrollbar-thumb:hover{background:#999}.vc-relink-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.vc-relink-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:450px;width:90%;box-shadow:0 8px 32px #0000004d}.vc-relink-modal h3{margin:0 0 .75rem;font-size:1.2rem;color:#333}.vc-relink-modal p{margin:0 0 1rem;color:#666;font-size:.95rem}.vc-missing-files-list{list-style:none;padding:0;margin:0 0 .75rem;max-height:200px;overflow-y:auto;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.vc-missing-files-list li{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.9rem;color:#333;border-bottom:1px solid #e8e8e8;background:#fff}.vc-missing-files-list li:first-child{border-radius:7px 7px 0 0}.vc-missing-files-list li:last-child{border-bottom:none;border-radius:0 0 7px 7px}.vc-missing-files-list li:only-child{border-radius:7px}.vc-missing-files-list .file-icon{flex-shrink:0}.vc-missing-files-list .file-name{font-family:monospace;font-size:.85rem;word-break:break-all;color:#2c3e50}.vc-missing-files-list .more-files{background:#f8f9fa;color:#666;font-style:italic;justify-content:center}.vc-relink-hint{font-size:.85rem!important;color:#888!important;margin-bottom:1rem!important}.vc-relink-actions{display:flex;gap:.75rem}.vc-relink-btn{flex:1;padding:.65rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .15s}.vc-relink-btn.primary{background:#27ae60;color:#fff;font-weight:500}.vc-relink-btn.primary:hover{background:#219a52}.vc-relink-btn.secondary{background:#e0e0e0;color:#555}.vc-relink-btn.secondary:hover{background:#d0d0d0}.vc-sidebar{width:260px;min-width:260px;height:100vh;max-height:100vh;background:#e8e8ec;display:flex;flex-direction:column;border-right:1px solid #ccc;transition:transform .25s ease,opacity .25s ease;overflow:hidden;flex-shrink:0}.vc-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.vc-sidebar.closed{transform:translate(-100%);position:absolute;opacity:0;pointer-events:none}.vc-sidebar.open{transform:translate(0);opacity:1}.vc-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #ccc}.vc-sidebar-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.vc-toggle-btn{width:28px;height:28px;padding:0;background:none;border:1px solid #bbb;border-radius:4px;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:all .15s}.vc-toggle-btn:hover{background:#ddd;color:var(--color-text-primary);transform:none}.vc-sidebar-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:60px;padding:0;background:#e8e8ec;border:1px solid #ccc;border-left:none;border-radius:0 6px 6px 0;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 0 8px #0000001a;z-index:10;transition:all .15s}.vc-sidebar-toggle:hover{background:#ddd;color:var(--color-text-primary);transform:translateY(-50%)}.vc-sidebar-divider{height:1px;background:#ccc;margin:.5rem 0}.vc-sidebar-section{padding:.5rem .75rem}.vc-sidebar-section h3{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.vc-project-list{padding:.5rem 0;min-height:60px;max-height:200px;overflow-y:auto}.vc-project-item{display:flex;align-items:center;margin:2px .5rem;border-radius:6px;transition:background .15s}.vc-project-item:hover{background:#d8d8dc}.vc-project-item.active{background:#c8d8c8}.vc-project-btn{flex:1;text-align:left;padding:.65rem .75rem;background:none;border:none;color:var(--color-text-primary);font-size:.9rem;cursor:pointer;box-shadow:none;border-radius:0}.vc-project-btn:hover{background:none;transform:none}.vc-delete-btn{padding:.3rem .6rem;background:none;border:none;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;opacity:0;transition:opacity .15s,color .15s;box-shadow:none;border-radius:0}.vc-project-item:hover .vc-delete-btn{opacity:1}.vc-delete-btn:hover{color:#dc3545;background:none;transform:none}.vc-new-project{padding:.75rem;border-top:1px solid #ccc}.vc-add-btn{width:100%;padding:.6rem;background:none;border:1px dashed #aaa;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;border-radius:6px;box-shadow:none;transition:all .15s}.vc-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:none;transform:none}.vc-new-form{display:flex;flex-direction:column;gap:.5rem}.vc-new-form input{padding:.5rem;font-size:.85rem;border-radius:4px;border:1px solid #bbb;background:#fff}.vc-new-form input:focus{outline:none;border-color:var(--color-primary)}.vc-new-actions{display:flex;gap:.5rem}.vc-new-actions button{flex:1;padding:.4rem;font-size:.8rem}.vc-new-actions button:first-child{background:var(--color-primary);color:#fff}.vc-new-actions button:last-child{background:#ddd;color:var(--color-text-secondary)}.vc-container-list{max-height:150px;overflow-y:auto;margin-bottom:.5rem}.vc-container-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;margin:2px 0;border-radius:4px;cursor:pointer;transition:background .15s}.vc-container-item:hover{background:#d8d8dc}.vc-container-item.active{background:#c0d8f0}.vc-container-item.hidden{opacity:.5}.vc-container-icon{font-size:1rem}.vc-container-name{flex:1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-container-visibility,.vc-container-delete{padding:.15rem .3rem;background:none;border:none;font-size:.85rem;cursor:pointer;opacity:.7;box-shadow:none;border-radius:2px;color:#555;transition:all .15s}.vc-container-visibility:hover,.vc-container-delete:hover{opacity:1;background:#00000026;transform:none}.vc-container-visibility:hover{color:#06c}.vc-container-delete:hover{color:#dc3545;background:#dc35451a}.vc-add-container{display:flex;gap:.25rem}.vc-add-container button{flex:1;padding:.4rem;font-size:1rem;background:#ddd;border:1px dashed #bbb;border-radius:4px;cursor:pointer;box-shadow:none}.vc-add-container button:hover{background:#ccc;transform:none}.vc-add-container button:disabled{opacity:.5;cursor:not-allowed}.vc-properties{display:flex;flex-direction:column;gap:.5rem}.vc-prop-row{display:flex;flex-direction:column;gap:.25rem}.vc-prop-row label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.vc-prop-row input{padding:.35rem .5rem;font-size:.8rem;border:1px solid #bbb;border-radius:4px;background:#fff}.vc-prop-row input:focus{outline:none;border-color:var(--color-primary)}.vc-prop-row input:disabled{background:#eee;cursor:not-allowed}.vc-prop-inputs{display:flex;gap:.25rem;align-items:center}.vc-prop-inputs input{flex:1;min-width:0}.vc-prop-inputs span{color:var(--color-text-secondary);font-size:.8rem}.vc-prop-inputs .input-label{font-size:.7rem;font-weight:500;min-width:14px;text-align:center}.vc-prop-hint{font-size:.65rem;color:#888;font-style:italic;margin-top:.15rem}.vc-subtitle-group-input{display:flex;flex-direction:column;gap:.25rem}.vc-subtitle-group-input select,.vc-subtitle-group-input input{padding:.35rem .5rem;font-size:.8rem;border:1px solid #bbb;border-radius:4px;background:#fff}.vc-lock-btn{width:26px;height:26px;padding:0;background:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:none;transition:all .15s;flex-shrink:0}.vc-lock-btn:hover{background:#ddd;transform:none}.vc-lock-btn.locked{background:#ffeeba;border-color:#ffc107}.vc-lock-btn:disabled{opacity:.5;cursor:not-allowed}.vc-link-btn{width:22px;height:22px;padding:0;background:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:none;transition:all .15s;flex-shrink:0}.vc-link-btn:hover{background:#ddd;transform:none}.vc-link-btn.linked{background:#d4edda;border-color:#28a745}.vc-link-btn:disabled{opacity:.5;cursor:not-allowed}.vc-shape-presets{display:flex;gap:4px;flex-wrap:wrap}.vc-shape-preset-btn{width:28px;height:28px;padding:0;background:#333;border:1px solid #222;border-radius:4px;cursor:pointer;font-size:.9rem;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:all .15s}.vc-shape-preset-btn:hover{background:#555;transform:none}.vc-shape-preset-btn:disabled{opacity:.5;cursor:not-allowed}.vc-clips-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.vc-clip-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#ddd;border-radius:4px;cursor:pointer;transition:background .15s}.vc-clip-item:hover{background:#ccc}.vc-clip-item.active{background:#c0d8f0;border:1px solid #7ab}.clip-index{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);min-width:20px}.clip-time{flex:1;font-size:.75rem;color:var(--color-text-primary)}.clip-delete{padding:.1rem .4rem;background:none;border:none;font-size:.9rem;cursor:pointer;opacity:.5;box-shadow:none;border-radius:2px}.clip-delete:hover{opacity:1;color:#dc3545;background:#0000001a;transform:none}.clip-delete:disabled{cursor:not-allowed;opacity:.3}.vc-add-clip-btn{padding:.35rem;background:none;border:1px dashed #aaa;border-radius:4px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;margin-top:.25rem;box-shadow:none}.vc-add-clip-btn:hover{background:#ddd;border-color:var(--color-primary);color:var(--color-primary);transform:none}.vc-add-clip-btn:disabled{opacity:.5;cursor:not-allowed}.vc-clip-details{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #bbb}.vc-source-input{display:flex;gap:4px}.vc-source-input input{flex:1;min-width:0;padding:.35rem .5rem;font-size:.8rem;border:1px solid #bbb;border-radius:4px;background:#fff}.vc-source-input input:focus{outline:none;border-color:var(--color-primary)}.vc-source-input input:disabled{background:#eee;cursor:not-allowed}.vc-browse-btn{width:32px;height:32px;padding:0;background:#333;border:1px solid #222;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:all .15s;flex-shrink:0}.vc-browse-btn:hover{background:#555;transform:none}.vc-browse-btn:disabled{opacity:.5;cursor:not-allowed}.vc-volume-slider{flex:1;height:6px;cursor:pointer;accent-color:var(--color-primary)}.volume-value{min-width:40px;text-align:right;font-size:.8rem;color:var(--color-text-secondary);font-family:monospace}.vc-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--color-text-primary)}.vc-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.media-duration-display{font-family:monospace;font-size:.85rem;color:var(--color-text-primary);background:#e8e8ec;padding:.25rem .5rem;border-radius:4px}.vc-lock-duration-btn{padding:.25rem .5rem;background:#4a90d9;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;white-space:nowrap}.vc-lock-duration-btn:hover:not(:disabled){background:#357abd}.vc-lock-duration-btn.locked{background:#e67e22;border:1px solid rgba(255,200,0,.5)}.vc-lock-duration-btn.locked:hover:not(:disabled){background:#d35400}.vc-lock-duration-btn:disabled{opacity:.5;cursor:not-allowed}.vc-color-input{width:36px;height:28px;padding:2px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.vc-color-input::-webkit-color-swatch-wrapper{padding:0}.vc-color-input::-webkit-color-swatch{border:none;border-radius:2px}.vc-color-text{width:80px;font-family:monospace;font-size:.8rem;text-transform:uppercase}.vc-font-select{width:100%;padding:.4rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff;cursor:pointer}.vc-font-select:disabled{opacity:.5;cursor:not-allowed}.vc-font-select optgroup{font-weight:700;color:#666}.vc-font-select option{font-weight:400;color:#333;padding:4px}.vc-prop-hint-inline{font-size:.7rem;color:#888;margin-left:4px}.vc-text-align-buttons{display:flex;gap:4px}.vc-text-align-btn{width:32px;height:28px;padding:0;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.vc-text-align-btn:hover:not(:disabled){background:#e0e0e0}.vc-text-align-btn.active{background:#4a90d9;border-color:#357abd}.vc-text-align-btn.active .align-icon:before,.vc-text-align-btn.active .align-icon:after,.vc-text-align-btn.active .align-icon{background:#fff}.vc-text-align-btn:disabled{opacity:.5;cursor:not-allowed}.align-icon{width:16px;height:12px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.align-icon:before,.align-icon:after{content:"";height:2px;background:#333;border-radius:1px}.align-icon:before{width:100%}.align-icon:after{width:70%}.align-left:after{align-self:flex-start}.align-center:after{align-self:center}.align-right:after{align-self:flex-end}.align-justify:after{width:100%}.vc-fit-width-controls{display:flex;flex-direction:column;gap:8px}.vc-fit-width-btn{padding:.4rem .75rem;background:#4a90d9;color:#fff;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .15s}.vc-fit-width-btn:hover:not(:disabled){background:#357abd}.vc-fit-width-btn:disabled{opacity:.5;cursor:not-allowed}.vc-margin-input{display:flex;align-items:center;gap:6px}.vc-margin-input input{width:60px}.vc-history-panel{position:fixed;top:70px;right:1rem;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;width:220px;overflow:hidden;z-index:100;box-shadow:0 2px 8px #0000001a}.vc-history-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#e8e8ec;border-bottom:1px solid #ddd}.vc-history-panel.collapsed .vc-history-header{border-bottom:none}.vc-history-toggle{width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;font-size:.6rem;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:none;transition:color .15s}.vc-history-toggle:hover{color:var(--color-text-primary);transform:none}.vc-history-header span{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;flex:1}.vc-history-buttons{display:flex;gap:4px}.vc-history-buttons button{width:26px;height:26px;padding:0;background:#333;border:1px solid #222;border-radius:4px;cursor:pointer;font-size:.9rem;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:all .15s}.vc-history-buttons button:hover:not(:disabled){background:#555;transform:none}.vc-history-buttons button:disabled{background:#aaa;border-color:#999;color:#ddd;cursor:not-allowed}.vc-history-list{max-height:180px;overflow-y:auto;padding:.25rem 0;transition:max-height .2s ease,padding .2s ease}.vc-history-panel.collapsed .vc-history-list{max-height:0;padding:0;overflow:hidden}.vc-history-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;font-size:.75rem;border-left:3px solid transparent;transition:background .15s}.vc-history-item:hover{background:#e8e8ec}.vc-history-item.current{background:#d4edda;border-left-color:#28a745;font-weight:500}.vc-history-item.future{opacity:.4;background:#f8f8f8}.vc-history-action{color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:.5rem}.vc-history-time{color:var(--color-text-secondary);font-size:.65rem;font-family:monospace;flex-shrink:0}.vc-history-empty{padding:.75rem;text-align:center;color:var(--color-text-secondary);font-size:.75rem;font-style:italic}.vc-save-controls{margin-bottom:1rem;padding:.75rem 1rem;background:#f5f5f5;border-radius:6px;border:1px solid #ddd}.save-mode-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.save-mode-group label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.save-mode-group select{padding:.4rem .6rem;font-size:.85rem;border:1px solid #ccc;border-radius:4px;background:#fff}.interval-select{width:80px}.vc-manual-save-btn{padding:.4rem 1rem;font-size:.85rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .15s}.vc-manual-save-btn:hover{transform:none;opacity:.9}.vc-manual-save-btn:disabled{background:#ccc;cursor:not-allowed;opacity:1}.save-divider{color:#ccc;margin:0 .25rem}.status-select{font-weight:500}.status-select.frozen{background:#e8f4fd;border-color:#3498db;color:#2980b9}.controls.frozen{opacity:.6;pointer-events:none}.controls.frozen .button-group button,.controls.frozen select{cursor:not-allowed}.controls{display:flex;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:.75rem}.control-group label{font-weight:500;color:var(--color-text-secondary)}.button-group{display:flex;gap:0}.button-group button{padding:.5rem 1rem;border:1px solid var(--color-primary);background:var(--color-input-bg);color:var(--color-text-primary);cursor:pointer;transition:all .15s;font-size:14px;border-radius:0;box-shadow:none}.button-group button:first-child{border-radius:6px 0 0 6px}.button-group button:last-child{border-radius:0 6px 6px 0}.button-group button:only-child{border-radius:6px}.button-group button:not(:first-child){border-left:none}.button-group button:hover{background:var(--color-secondary);transform:none}.button-group button.active{background:var(--color-primary);color:#fff}.ratio-checkboxes{display:flex;gap:.75rem}.ratio-checkbox{display:flex;align-items:center;gap:.25rem;cursor:pointer;font-size:.85rem}.ratio-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.ratio-checkbox span{color:var(--color-text-primary)}.resolution-info{text-align:center;padding:.5rem;color:var(--color-text-secondary);font-size:.9rem;font-family:var(--font-secondary)}.canvas-with-tools{display:flex;gap:1rem;flex:1;min-height:300px;align-items:stretch;justify-content:center}.canvas-right-panel{display:flex;flex-direction:column;gap:.75rem;width:300px;min-width:300px;align-self:center;max-height:55vh;overflow-y:auto}.canvas-container{display:flex;align-items:center;justify-content:center;min-height:300px;padding:1rem 0}.video-window{background:#000;height:45vh;border-radius:16px;box-shadow:0 0 0 3px #1a1a1a,0 0 0 6px #333,0 8px 32px #0006;position:relative}.video-window.vertical:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#222;border-radius:3px}.lock-indicator{position:absolute;top:2px;font-size:10px;opacity:.8}.lock-indicator.position{left:2px}.lock-indicator.link{left:16px}.resize-handle{position:absolute;right:0;bottom:0;width:12px;height:12px;background:#0af;cursor:se-resize;border-radius:2px 0 0}.resize-handle:before{content:"";position:absolute;right:2px;bottom:2px;width:6px;height:6px;border-right:2px solid white;border-bottom:2px solid white}.subtitle-container{text-align:center}.canvas-subtitle-text{display:inline-block;background:#000000bf;padding:.5rem 1rem;border-radius:4px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5);max-width:100%;word-wrap:break-word}.canvas-subtitle-text.shrink-to-fit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-container{background:#000!important;position:relative}.video-container video{pointer-events:none;max-width:none;max-height:none}.video-placeholder{color:#fff9;font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.canvas-container-box{-webkit-user-select:none;user-select:none}.align-tools{background:#f0f0f4;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:1rem;border:1px solid #ddd;box-shadow:0 2px 8px #00000014}.align-tools-empty{color:var(--color-text-secondary);font-size:.8rem;text-align:center;padding:1rem .5rem}.align-section{display:flex;flex-direction:column;gap:.5rem}.align-section-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.align-buttons{display:flex;gap:6px;flex-wrap:wrap}.align-btn{width:44px;height:44px;padding:0;background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;box-shadow:0 1px 3px #0000001a;transition:all .15s}.align-btn:hover{background:#e8e8ec;border-color:var(--color-primary);transform:none}.align-btn:disabled{opacity:.4;cursor:not-allowed}.align-btn svg{width:22px;height:22px;color:#555}.align-btn:hover svg{color:var(--color-primary)}.align-btn.wide{width:auto;flex:1;min-width:70px;height:38px;padding:.4rem .6rem}.align-btn.wide span{font-size:.7rem;color:#666;font-weight:500}.align-btn.wide:hover span{color:var(--color-primary)}.align-hint{font-size:.65rem;color:var(--color-text-secondary);text-align:center;font-style:italic;padding-top:.25rem;border-top:1px dashed #ccc}.align-target-toggle{display:flex;background:#ddd;border-radius:6px;padding:3px;margin-bottom:.75rem}.align-target-toggle button{flex:1;padding:.5rem;background:none;border:none;border-radius:4px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;box-shadow:none}.align-target-toggle button:hover{color:var(--color-text-primary);transform:none}.align-target-toggle button.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #00000026}.subtitle-editor{background:#f0f0f4;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid #ddd}.subtitle-editor-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.85rem;color:var(--color-text-primary);padding-bottom:.5rem;border-bottom:1px solid #ddd}.active-clip-indicator{font-size:.7rem;font-weight:400;color:#28a745;background:#d4edda;padding:.15rem .4rem;border-radius:4px;margin-left:auto}.no-clip-indicator{font-size:.7rem;font-weight:400;color:#856404;background:#fff3cd;padding:.15rem .4rem;border-radius:4px;margin-left:auto}.subtitle-clear-btn{padding:.25rem .5rem;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:.7rem;cursor:pointer}.subtitle-clear-btn:disabled{opacity:.5;cursor:not-allowed}.subtitle-lines-section label{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.35rem}.subtitle-textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.85rem;font-family:inherit;resize:vertical;min-height:80px}.subtitle-textarea:focus{outline:none;border-color:var(--color-primary)}.subtitle-textarea:disabled{background:#e8e8ec;cursor:not-allowed}.subtitle-lines-list{max-height:150px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;background:#fff}.subtitle-line-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.8rem;border-bottom:1px solid #eee;transition:background .15s}.subtitle-line-item:last-child{border-bottom:none}.subtitle-line-item.current{background:#d4edda;font-weight:600}.subtitle-line-item.upcoming{color:var(--color-text-secondary)}.subtitle-line-item.passed{opacity:.5}.line-index{font-weight:600;color:var(--color-text-secondary);min-width:20px}.line-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-timing{font-size:.7rem;color:var(--color-primary);font-family:var(--font-secondary);white-space:nowrap}.subtitle-recording-status{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.35rem}.recording-indicator{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.85rem;color:#dc3545}.recording-dot{width:10px;height:10px;background:#dc3545;border-radius:50%;animation:recording-pulse 1s infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.recording-info{font-size:.75rem;color:#856404}.gap-mode{color:#0056b3}.line-mode{color:#155724}.recording-time{font-size:.8rem;font-family:var(--font-secondary);color:var(--color-text-primary);font-weight:600}.subtitle-options{padding:.25rem 0}.subtitle-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-secondary);cursor:pointer}.subtitle-checkbox input{cursor:pointer}.subtitle-controls{display:flex;gap:.5rem}.subtitle-record-btn,.subtitle-stop-btn{flex:1;padding:.5rem 1rem;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s}.subtitle-record-btn{background:#dc3545;color:#fff}.subtitle-record-btn:hover:not(:disabled){background:#c82333}.subtitle-record-btn:disabled{opacity:.5;cursor:not-allowed}.record-icon{font-size:.7rem}.subtitle-stop-btn{background:#6c757d;color:#fff}.subtitle-stop-btn:hover{background:#5a6268}.stop-icon{font-size:.6rem}.subtitle-shortcuts{background:#e9ecef;border-radius:4px;padding:.5rem;font-size:.7rem}.shortcuts-title{font-weight:600;color:var(--color-text-secondary);margin-bottom:.35rem}.shortcut-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);margin-bottom:.2rem}.shortcut-item:last-child{margin-bottom:0}.shortcut-item kbd{background:#fff;border:1px solid #ccc;border-radius:3px;padding:.1rem .35rem;font-size:.7rem;font-family:var(--font-secondary);box-shadow:0 1px #0000001a}.subtitle-preview{background:#d4edda;border:1px solid #28a745;border-radius:4px;padding:.5rem}.preview-label{font-size:.7rem;color:#155724;font-weight:600;margin-bottom:.25rem}.preview-text{font-size:.9rem;color:#155724}.vc-timeline-container{margin-top:1rem;background:#1a1a2e;border-radius:8px;overflow:hidden;border:1px solid #333}.vc-timeline-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#252542;border-bottom:1px solid #333}.timeline-btn{width:32px;height:32px;padding:0;background:#3a3a5a;border:1px solid #555;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none}.timeline-btn:hover{background:#4a4a6a;transform:none}.timeline-time{font-size:.9rem;color:#aaa;font-family:monospace;min-width:80px}.timeline-clip-actions{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid #444}.clipboard-indicator{color:#4ade80;font-size:.8rem;margin-left:.25rem}.timeline-btn.delete-btn{color:#ff6b6b;font-weight:700}.timeline-btn.delete-btn:hover:not(:disabled){background:#dc3545;border-color:#dc3545;color:#fff}.timeline-duration-input{display:flex;align-items:center;gap:.35rem;margin-left:auto}.timeline-duration-input label{font-size:.8rem;color:#888}.timeline-duration-input input{width:60px;padding:.25rem .4rem;background:#3a3a5a;border:1px solid #555;border-radius:4px;color:#fff;font-size:.85rem;text-align:center}.timeline-duration-input span{font-size:.8rem;color:#888}.vc-timeline{position:relative;min-height:150px;padding-top:24px;cursor:crosshair;-webkit-user-select:none;user-select:none}.timeline-ruler{position:absolute;top:0;left:var(--track-label-width);right:0;height:24px;background:#2a2a4a;border-bottom:1px solid #444}.ruler-mark{position:absolute;height:100%;border-left:1px solid #555}.ruler-mark span{position:absolute;top:4px;left:4px;font-size:.65rem;color:#888;white-space:nowrap}.timeline-tracks{display:flex;flex-direction:column}.timeline-track{display:flex;height:36px;border-bottom:1px solid #333}.timeline-track.hidden{opacity:.4}.timeline-track.selected .track-label{background:#3a3a6a;border-left:3px solid #00ff88}.timeline-track.selected .track-clips{background:#252550}.track-label{width:var(--track-label-width);min-width:var(--track-label-width);display:flex;align-items:center;gap:.35rem;padding:0 .5rem;background:#252542;border-right:1px solid #444;cursor:pointer;transition:background .15s}.track-label:hover{background:#303058}.track-layer-controls{display:flex;flex-direction:column;gap:1px}.track-layer-btn{width:16px;height:14px;padding:0;background:#3a3a5a;border:1px solid #555;border-radius:2px;color:#aaa;font-size:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:none;transition:all .15s}.track-layer-btn:hover:not(:disabled){background:#4a4a6a;color:#fff}.track-layer-btn:disabled{opacity:.3;cursor:not-allowed}.track-icon{font-size:.9rem}.track-name{flex:1;font-size:.75rem;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-clips{flex:1;position:relative;background:#1e1e38}.timeline-clip{position:absolute;top:4px;height:calc(100% - 8px);background:linear-gradient(135deg,#4a90d9,#357abd);border-radius:4px;cursor:grab;display:flex;align-items:center;min-width:20px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d}.timeline-clip:hover{filter:brightness(1.1)}.timeline-clip.selected{border:2px solid #00ff88;box-shadow:0 0 8px #0f86}.timeline-clip:active{cursor:grabbing}.clip-edge{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize}.clip-edge.left{left:0;background:linear-gradient(90deg,rgba(255,255,255,.15) 0%,transparent 100%)}.clip-edge.right{right:0;background:linear-gradient(-90deg,rgba(255,255,255,.15) 0%,transparent 100%)}.clip-content{flex:1;padding:0 10px;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#f44;pointer-events:none;z-index:10}.timeline-playhead:before{content:"";position:absolute;top:0;left:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff4444}.vc-audio-timeline-container{margin-top:1rem;background:#1a1a2e;border-radius:8px;overflow:hidden;border:1px solid #333}.vc-audio-timeline-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#252542;border-bottom:1px solid #333}.vc-audio-timeline-header span{font-size:.85rem;font-weight:600;color:#ccc}.vc-add-audio-btn{padding:.35rem .75rem;background:#3a3a5a;border:1px solid #555;border-radius:4px;color:#fff;font-size:.8rem;cursor:pointer;box-shadow:none;transition:all .15s}.vc-add-audio-btn:hover{background:#4a4a6a;transform:none}.vc-add-audio-btn:disabled{opacity:.5;cursor:not-allowed}.vc-audio-timeline{position:relative;min-height:80px;padding-top:24px;-webkit-user-select:none;user-select:none}.audio-timeline-ruler{position:absolute;top:0;left:var(--track-label-width);right:0;height:24px;background:#2a2a4a;border-bottom:1px solid #444}.audio-timeline-ruler .ruler-mark{position:absolute;height:100%;border-left:1px solid #555}.audio-timeline-ruler .ruler-mark span{position:absolute;top:4px;left:4px;font-size:.65rem;color:#888;white-space:nowrap}.audio-timeline-tracks{display:flex;flex-direction:column}.audio-timeline-empty{padding:1.5rem;text-align:center;color:#666;font-size:.85rem;font-style:italic}.audio-timeline-track{display:flex;height:40px;border-bottom:1px solid #333}.audio-track-label{width:var(--track-label-width);min-width:var(--track-label-width);display:flex;align-items:center;gap:.5rem;padding:0 .5rem;background:#252542;border-right:1px solid #444}.audio-track-icon{font-size:.9rem}.audio-track-name{flex:1;font-size:.75rem;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-track-delete{padding:.15rem .35rem;background:none;border:none;color:#888;font-size:1rem;cursor:pointer;opacity:.6;box-shadow:none;border-radius:2px;transition:all .15s}.audio-track-delete:hover{opacity:1;color:#ff6b6b;background:#ff6b6b1a;transform:none}.audio-track-delete:disabled{cursor:not-allowed;opacity:.3}.audio-track-clips{flex:1;position:relative;background:#1e1e38}.audio-track-clip{position:absolute;top:4px;height:calc(100% - 8px);background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:4px;cursor:grab;display:flex;align-items:center;min-width:30px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d;transition:filter .15s}.audio-track-clip:hover{filter:brightness(1.1)}.audio-track-clip.selected{border:2px solid #00ff88;box-shadow:0 0 8px #0f86}.audio-track-clip.muted{opacity:.5;filter:grayscale(.5)}.audio-track-clip.loaded{background:linear-gradient(135deg,#27ae60,#1e8449)}.audio-track-clip.loaded:after{content:"▶";position:absolute;left:10px;font-size:.6rem;opacity:.7}.audio-track-clip.duration-locked{background:linear-gradient(135deg,#e67e22,#d35400);border:2px solid rgba(255,200,0,.5)}.audio-track-clip.duration-locked.loaded{background:linear-gradient(135deg,#e67e22,#d35400)}.audio-clip-content .lock-icon{margin-right:4px;font-size:.65rem}.audio-track-clip:active{cursor:grabbing}.audio-clip-edge{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize;z-index:1}.audio-clip-edge.left{left:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 100%)}.audio-clip-edge.right{right:0;background:linear-gradient(-90deg,rgba(255,255,255,.2) 0%,transparent 100%)}.audio-clip-content{flex:1;padding:0 12px;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.audio-timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:#f44;pointer-events:none;z-index:10}.audio-timeline-playhead:before{content:"";position:absolute;top:0;left:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff4444}@media(max-width:768px){.video-creation-page{flex-direction:column}.vc-sidebar{width:100%;min-width:100%;height:auto;max-height:40vh;position:relative;border-right:none;border-bottom:1px solid #ccc}.vc-sidebar.closed{max-height:0;transform:translateY(-100%)}.vc-sidebar-toggle{left:50%;top:auto;bottom:-30px;transform:translate(-50%);width:60px;height:24px;border-radius:0 0 6px 6px;border-top:none}.vc-sidebar-toggle:hover{transform:translate(-50%)}.vc-main{padding:.75rem}.vc-header{flex-direction:column;align-items:stretch;gap:.5rem}.vc-history-panel{position:relative;top:auto;right:auto;width:100%}.controls{flex-direction:column;gap:.75rem}.control-group{flex-wrap:wrap}.canvas-with-tools{flex-direction:column}.canvas-right-panel{flex-direction:row;flex-wrap:wrap;width:100%;min-width:100%;gap:.75rem}.align-tools{flex:1;min-width:200px;flex-direction:row;flex-wrap:wrap;padding:.75rem;gap:.75rem}.align-section{flex-direction:row;align-items:center;gap:.75rem}.align-section-title{min-width:50px}.align-btn{width:40px;height:40px}.subtitle-editor{flex:1;min-width:250px}.subtitle-lines-list{max-height:100px}.video-window{height:35vh}.video-creation-page{--track-label-width: 80px}.vc-save-controls{padding:.5rem}.save-mode-group{flex-direction:column;align-items:stretch;gap:.5rem}.save-divider{display:none}}@media(max-width:480px){.vc-sidebar{max-height:50vh}.vc-sidebar-content{padding:.5rem}.vc-project-list{max-height:120px}.vc-main{padding:.5rem}.vc-header h1{font-size:1.1rem}.vc-history-panel{width:100%}.vc-history-list{max-height:100px}.button-group{flex-wrap:wrap}.button-group button{padding:.4rem .6rem;font-size:12px}.ratio-checkboxes{flex-wrap:wrap;gap:.5rem}.video-window{height:30vh;min-height:150px}.video-creation-page{--track-label-width: 60px}.track-label,.audio-track-label{padding:0 .25rem}.track-name,.audio-track-name{font-size:.65rem}.track-icon,.audio-track-icon{font-size:.75rem}.vc-timeline-controls{flex-wrap:wrap;gap:.25rem;padding:.4rem}.timeline-btn{width:28px;height:28px;font-size:.85rem}.timeline-time{font-size:.75rem;min-width:60px}.timeline-duration-input{width:100%;margin-left:0;margin-top:.25rem}.vc-audio-timeline-header{padding:.4rem .5rem}.vc-add-audio-btn{padding:.25rem .5rem;font-size:.75rem}.vc-prop-inputs{flex-wrap:wrap}.vc-lock-btn,.vc-link-btn{width:24px;height:24px;font-size:.75rem}.vc-shape-preset-btn{width:24px;height:24px;font-size:.8rem}.align-tools{gap:.5rem;padding:.5rem}.align-btn{width:36px;height:36px}.align-btn svg{width:18px;height:18px}.align-target-toggle button{font-size:.6rem;padding:.25rem}}@media(max-height:500px)and (orientation:landscape){.vc-sidebar{max-height:100%;width:200px;min-width:200px;position:fixed;left:0;top:0;bottom:0;z-index:100}.vc-sidebar.closed{transform:translate(-100%)}.video-creation-page{flex-direction:row}.vc-main{margin-left:0}.vc-sidebar.open+.vc-main{margin-left:200px}.video-window{height:50vh}}