body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.youtube-wrapper{flex:1 1;min-height:0;overflow:hidden;position:relative;width:100%}.youtube-iframe,.youtube-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.placeholder{align-items:center;background-color:var(--color-surface-2);border-radius:4px;color:var(--color-text-secondary);display:flex;flex:1 1;font-style:italic;justify-content:center;min-height:200px;width:100%}.video-grid{grid-gap:10px;display:grid;gap:10px;height:100%;width:100%}.app.borderless-mode .video-grid{gap:0}.video-element{background-color:var(--color-surface-1);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:10px}.video-element.borderless{background-color:initial;border:none;border-radius:0;padding:0}.top-row-controls{align-items:center;display:flex;margin-bottom:10px}.top-row-controls input{background-color:var(--color-surface-2);border:1px solid var(--color-surface-hover);border-radius:4px;color:var(--color-text-primary);flex:1 1;padding:8px}:root{--color-background:#000;--color-text-primary:#fff;--color-text-secondary:#888;--color-border:#333;--color-surface-1:#111;--color-surface-2:#222;--color-surface-3:#333;--color-surface-hover:#555;--color-accent-primary:#c00;--color-accent-hover:#e00;--rgb-dark:0,0,0;--color-hint-bg:rgba(var(--rgb-dark),0.7);--color-hint-bg-hover:rgba(var(--rgb-dark),0.9)}body{background-color:#000;background-color:var(--color-background);color:#fff;color:var(--color-text-primary);font-family:Arial,sans-serif;margin:0;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;text-align:center}.app.borderless-mode{padding:0}.header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 20px}.header-buttons{display:flex;gap:10px}.title{flex:1 1;margin:0}.main-content{flex-grow:1;min-height:0;padding:20px}.app.borderless-mode .main-content{padding:0}.borderless-hint{animation:fadeInOut 3s ease-in-out;background-color:#000000b3;background-color:var(--color-hint-bg);border-radius:5px;color:#fff;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:10px 15px;pointer-events:auto;position:fixed;right:20px;top:20px;transition:background-color .2s;z-index:1000}.borderless-hint:hover{background-color:#000000e6;background-color:var(--color-hint-bg-hover)}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.borderless-toggle{background-color:#333;background-color:var(--color-surface-3);border:none;border-radius:6px;color:#fff;color:var(--color-text-primary);cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.borderless-toggle:hover{background-color:#555;background-color:var(--color-surface-hover)}.add-button{background-color:#c00;background-color:var(--color-accent-primary);border:none;border-radius:6px;color:#fff;color:var(--color-text-primary);cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s;white-space:nowrap}.add-button:hover{background-color:#e00;background-color:var(--color-accent-hover)}
/*# sourceMappingURL=main.75a67bd3.css.map*/