.login-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%);display:flex;justify-content:center;align-items:flex-start;z-index:var(--z-modal);overflow-y:auto;padding:var(--space-8) var(--space-4);box-sizing:border-box}#nickname{margin-bottom:var(--space-5)}.login-overlay.dramaturg-dark{background:#0a0a0a;animation:flicker 4s infinite}.login-overlay.dramaturg-dark:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#ffffff08 50%);background-size:100% 6px;z-index:2;pointer-events:none;animation:scanlines .8s linear infinite}.login-overlay:not(.dramaturg-dark):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,var(--primary-100) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--primary-50) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--neutral-100) 0%,transparent 50%);opacity:.6;animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%,to{transform:translate(0)}33%{transform:translate(-20px,-20px)}66%{transform:translate(20px,-10px)}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 6px}}@keyframes flicker{0%,to{opacity:1}95%{opacity:.98}}.login-box{background:#fff;padding:var(--space-10) var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);text-align:center;width:90%;max-width:400px;position:relative;z-index:10;animation:fade-in-up .6s ease-out;margin:auto;min-height:fit-content}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title,.login-subtitle{color:#fff}.login-box h2{margin-top:0;margin-bottom:var(--space-8);color:var(--neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold)}.input-group{margin-bottom:var(--space-5);text-align:left}.input-group label{display:block;margin-bottom:var(--space-2);margin-top:var(--space-4);font-weight:var(--font-medium);color:var(--neutral-700);font-size:var(--text-sm)}.input-group input{width:100%;padding:var(--space-3) var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-300);border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-base);color:var(--neutral-900);transition:all var(--transition-fast)}.input-group input:hover{border-color:var(--neutral-400)}.input-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #14b8a61a;background:#fff}.login-error{color:var(--danger-color);margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:left}.login-box button{width:100%;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-6)}.login-box button:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-box button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.login-box button:disabled{background:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed;opacity:.7}.login-box button:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-500)}.demo-creds-note{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--neutral-500);font-style:italic}.whelk-mage{position:absolute;z-index:1;width:200px;height:auto;opacity:.1;filter:none;animation:float 6s ease-in-out infinite}.whelk-mage:first-of-type{left:10%;top:10%;animation-delay:0s}.whelk-mage.right{right:10%;bottom:10%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 480px){.login-box{padding:var(--space-8) var(--space-6);width:95%}.login-box h2{font-size:var(--text-2xl)}.whelk-mage{width:150px}}.login-overlay.dramaturg-dark .login-box{background:#000000e6;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:0;font-family:IBM Plex Mono,monospace}.login-overlay.dramaturg-dark .login-box h2{color:#fff;font-family:IBM Plex Mono,monospace;font-weight:500;font-size:1.5rem;letter-spacing:-.02em}.login-overlay.dramaturg-dark .login-box h4{color:#fff;font-family:IBM Plex Mono,monospace;font-weight:400;font-size:1.1rem;letter-spacing:-.02em;margin-bottom:1.5rem}.login-overlay.dramaturg-dark .input-group label{color:#fffc;font-family:IBM Plex Mono,monospace;font-size:.875rem}.login-overlay.dramaturg-dark .input-group input{background:#000c;border-color:#ffffff4d;color:#fff;font-family:IBM Plex Mono,monospace;font-size:.875rem;border-radius:0}.login-overlay.dramaturg-dark .input-group input:hover{border-color:#ffffff80}.login-overlay.dramaturg-dark .input-group input:focus{border-color:#fff9;background:#000000e6;box-shadow:none}.login-overlay.dramaturg-dark .input-group input::placeholder{color:#fff6}.login-overlay.dramaturg-dark .login-box button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);font-family:IBM Plex Mono,monospace;font-size:.875rem;font-weight:500;border-radius:0;letter-spacing:.02em}.login-overlay.dramaturg-dark .login-box button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:none;box-shadow:none}.login-overlay.dramaturg-dark .login-box button:disabled{background:#ffffff0d;border-color:#fff3;color:#ffffff80;opacity:1}.login-overlay.dramaturg-dark .demo-creds-note{color:#ffffff80;font-family:IBM Plex Mono,monospace;font-size:.75rem}.login-overlay.dramaturg-dark .login-error{font-family:IBM Plex Mono,monospace;font-size:.875rem}.login-overlay.dramaturg-dark small{color:#ffffffb3;font-family:IBM Plex Mono,monospace}:root{--neutral-50: #ffffff;--neutral-100: #f8f9fa;--neutral-200: #e9ecef;--neutral-300: #dee2e6;--neutral-400: #ced4da;--neutral-500: #adb5bd;--neutral-600: #6c757d;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #212529;--neutral-950: #000000;--primary-50: #e6fcf5;--primary-100: #c3fae8;--primary-200: #96f2d7;--primary-300: #63e6be;--primary-400: #38d9a9;--primary-500: #20c997;--primary-600: #12b886;--primary-700: #0ca678;--primary-800: #099268;--primary-900: #087f5b;--border-width: 1px;--cue-color: #ff6b35;--cue-hover: #ff5722;--cue-light: #ffebe5;--template-color: #00b894;--template-hover: #00a885;--template-light: #e6f9f5;--template-100: #d1fae5;--group-color: #0066ff;--group-hover: #0052cc;--group-light: #e6f0ff;--group-200: #bfdbfe;--user-color: #7c4dff;--user-hover: #651fff;--user-light: #f0ebff;--user-200: #ddd6fe;--voice-color: #ff006e;--voice-hover: #e6005c;--voice-light: #ffe6f1;--voice-100: #fce7f3;--voice-200: #fbcfe8;--danger-color: #ff3838;--danger-hover: #ff1744;--success-color: #00b894;--success-100: #d1fae5;--success-200: #a7f3d0;--warning-color: #ff9f1a;--warning-light: #fff3cd;--audience-color: #3b82f6;--performer-color: #ec4899;--dramaturg-color: #10b981;--custom-group-bg: #ececec;--custom-group-border: #d8d8d8;--custom-group-bg-dark: #808080;--custom-group-border-dark: #606060;--user-offline-bg: #e5e7eb;--user-connected-bg: #d4e8d4;--user-active-bg: #39ff14;--user-active-hover: #32e60d;--app-background: #0a0a0a;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Inconsolata", "Fira Code", "Courier New", monospace;--text-xs: .7rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .125rem;--space-2: .25rem;--space-3: .375rem;--space-4: .5rem;--space-5: .625rem;--space-6: .75rem;--space-8: 1rem;--space-10: 1.25rem;--space-12: 1.5rem;--space-16: 2rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .08);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 8px 0 rgb(0 0 0 / .12);--shadow-lg: 0 8px 16px 0 rgb(0 0 0 / .15);--shadow-xl: 0 12px 24px 0 rgb(0 0 0 / .18);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .2s ease;--z-base: 0;--z-modal-backdrop: 400;--z-modal: 500;--container-padding: clamp(.5rem, 3vw, 1rem);--container-max-width: 1400px;--panel-gap: var(--space-4);--section-margin: var(--space-4);--title-margin: var(--space-4);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-muted: var(--neutral-600);--border-color: var(--neutral-300);--accent-color: var(--primary-600);--accent-color-darker: var(--primary-800);--accent-color-lighter: var(--primary-400)}[data-theme=dark]{--neutral-50: #1a1a1a;--neutral-100: #2d2d2d;--neutral-200: #404040;--neutral-300: #525252;--neutral-400: #737373;--neutral-500: #a3a3a3;--neutral-600: #c4c4c4;--neutral-700: #d4d4d4;--neutral-800: #c4c4c4;--neutral-900: #d4d4d4;--neutral-950: #ffffff;--primary-50: #1a2e2a;--primary-100: #2d4037;--primary-200: #405249;--primary-300: #52665b;--primary-400: #20c997;--primary-500: #38d9a9;--primary-600: #63e6be;--primary-700: #96f2d7;--primary-800: #c3fae8;--primary-900: #e6fcf5;--cue-color: #38d9a9;--cue-hover: #63e6be;--cue-light: #2a2a2a;--template-color: #00b894;--template-hover: #00a885;--template-light: #252525;--template-100: #2a2a2a;--group-color: #0066ff;--group-hover: #0052cc;--group-light: #1f1f1f;--group-200: #333333;--user-color: #7c4dff;--user-hover: #651fff;--user-light: #222222;--user-200: #383838;--voice-color: #ff006e;--voice-hover: #e6005c;--voice-light: #242424;--voice-100: #2a2a2a;--voice-200: #353535;--action-button-color: #38d9a9;--action-button-hover: #63e6be;--danger-color: #cc5555;--danger-hover: #dd6666;--success-color: #38d9a9;--success-100: #2a2a2a;--success-200: #333333;--warning-color: #cc9955;--warning-light: #2a2a2a;--audience-color: #21313f;--performer-color: #4a4a4a;--dramaturg-color: #4a4a4a;--custom-group-bg: #151515;--custom-group-border: #2a2a2a;--custom-group-bg-dark: #101010;--custom-group-border-dark: #050505;--user-offline-bg: #2a2a2a;--user-connected-bg: #666666;--user-active-bg: #20f5c6;--user-active-hover: #4efcd1;--app-background: #0a0a0a;--text-primary: #d0d0d0;--text-secondary: #b8b8b8;--text-muted: #999999;--border-color: #2a2a2a;--accent-color: var(--primary-500);--accent-color-darker: var(--primary-300);--accent-color-lighter: var(--primary-700);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 2px 4px 0 rgb(0 0 0 / .4);--shadow-md: 0 4px 8px 0 rgb(0 0 0 / .5);--shadow-lg: 0 8px 16px 0 rgb(0 0 0 / .6);--shadow-xl: 0 12px 24px 0 rgb(0 0 0 / .7)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.4;color:var(--text-primary);background-color:var(--app-background)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3) 0;font-weight:var(--font-semibold);line-height:1.2;color:var(--neutral-900)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin:0 0 var(--space-3) 0}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast);font-weight:var(--font-medium)}a:hover{color:var(--accent-color-darker);text-decoration:underline}button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.4;color:#fff;background-color:var(--neutral-800);border:1px solid var(--neutral-800);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none;-webkit-user-select:none;user-select:none}button:hover:not(:disabled){background-color:var(--neutral-900);border-color:var(--neutral-900);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:focus-visible{box-shadow:0 0 0 2px var(--neutral-50),0 0 0 3px var(--accent-color)}button:disabled{opacity:.5;cursor:not-allowed}button.primary-action{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--neutral-50);font-weight:var(--font-bold)}button.primary-action:hover:not(:disabled){background-color:var(--accent-color-darker);border-color:var(--accent-color-darker)}.small-button{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-width:1.25rem;min-height:1.25rem}input,textarea,select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}input:hover,textarea:hover,select:hover{border-color:var(--neutral-500)}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #20c99733}input::placeholder,textarea::placeholder{color:var(--neutral-500)}.small-input{width:auto;max-width:100px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.long-input{width:100%}.card{background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.tab-panel{flex:1;overflow:auto;padding:var(--panel-gap);background-color:var(--neutral-100)}.section-container{background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--section-margin);box-shadow:var(--shadow-xs)}.panel{background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.panel-padded{padding:var(--space-4)}.hidden{display:none}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:80px}.stat-label{font-size:var(--text-xs);color:var(--neutral-600);text-transform:uppercase;letter-spacing:.025em;text-align:center}.stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-900);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.panel-cue{background:var(--cue-light);border:2px solid var(--cue-color)}.stats-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.nav-group{display:flex;gap:var(--space-2)}.nav-group button{flex:1}.title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--title-margin)}.title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.025em}.text-button{padding:var(--space-1) var(--space-3);background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.text-button:hover:not(:disabled){background-color:var(--primary-100);border-color:var(--accent-color-darker);color:var(--accent-color-darker)}.text-button:active:not(:disabled){transform:scale(.98)}.text-button:disabled{opacity:.5;cursor:not-allowed}.collapse-button{width:2rem;height:2rem;padding:0;margin-left:var(--space-2);display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--neutral-700);border:1px solid var(--neutral-400);font-size:var(--text-lg);font-weight:var(--font-bold)}.collapse-button:hover{background-color:var(--neutral-200);color:var(--neutral-900);border-color:var(--neutral-600)}audio{width:100%;height:32px;border-radius:var(--radius-md);background-color:var(--neutral-100)}.text-block{padding:var(--space-3);background-color:var(--neutral-200);border-radius:var(--radius-md);font-style:italic;color:var(--neutral-700);font-size:var(--text-sm);border:1px solid var(--neutral-300)}.text-block-light{padding:var(--space-2);color:var(--neutral-600);font-style:italic;font-size:var(--text-sm)}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--neutral-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--neutral-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-600)}.cues-list-container,.groups-list-container,.users-list-container,.detail-content,.broadcast-templates .template-list-wrapper,.user-details-content,.cue-details-content{padding-right:var(--space-4)}::selection{background-color:var(--primary-200);color:var(--primary-900)}:focus-visible{outline:2px solid var(--primary-600);outline-offset:1px}.Toastify__toast-container{font-family:var(--font-sans)}.Toastify__toast{color:var(--neutral-900)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--neutral-400)!important;font-size:var(--text-sm)}.Toastify__toast--cue{background-color:var(--cue-light)!important;border-color:var(--cue-color)!important;color:var(--neutral-900)!important}.Toastify__toast--module{background-color:var(--primary-100)!important;border-color:var(--primary-600)!important;color:var(--primary-900)!important}.Toastify__toast--template{background-color:var(--template-light)!important;border-color:var(--template-color)!important;color:var(--neutral-900)!important}.Toastify__progress-bar{background:var(--primary-600)!important;height:2px}.Toastify__close-button{color:var(--neutral-700)!important;opacity:1!important}.Toastify__close-button:hover{color:var(--neutral-900)!important}.droppable{background-color:var(--primary-100);border-color:var(--primary-600);transform:scale(1.01)}.inset{box-shadow:inset 0 1px 2px #00000014}.split{display:flex;height:100%;gap:var(--panel-gap)}.split-left{flex:4}.split-right{flex:1}.module-notification{background-color:var(--neutral-50);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.module-notification-header{background-color:var(--primary-600);color:#fff;padding:var(--space-2) var(--space-4);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);font-weight:var(--font-bold)}.module-notification-close{background-color:transparent;color:#fff;border:none;width:1.25rem;height:1.25rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.module-notification-close:hover{background-color:var(--neutral-200)}.module-notification-content{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.module-notification-icon{font-size:var(--text-xl);color:var(--primary-600)}.module-notification-text{flex:1}.module-notification-cue{font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-1)}.module-notification-modules{color:var(--neutral-700);font-size:var(--text-xs)}.template-icon,.template-list-icon,.voice-icon,.user-icon,.user-icon-sm,.module-icon,.audio-icon,.group-icon{opacity:.6}[data-theme=dark] .template-icon,[data-theme=dark] .template-list-icon,[data-theme=dark] .voice-icon,[data-theme=dark] .user-icon,[data-theme=dark] .user-icon-sm,[data-theme=dark] .module-icon,[data-theme=dark] .audio-icon,[data-theme=dark] .group-icon{filter:invert(1);opacity:.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal-content{background-color:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-content p{font-size:var(--text-base);margin-bottom:var(--section-margin);text-align:center}.empty-state{color:var(--neutral-500);font-style:italic;padding:var(--space-4);text-align:center;font-size:var(--text-sm)}.empty-state-large{padding:var(--space-8)}.loading-message{color:var(--neutral-600);display:flex;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-8);font-style:italic}.loading-message:before{content:"";width:20px;height:20px;border:2px solid var(--neutral-300);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}.component-wrapper{display:flex;gap:var(--panel-gap);height:100%;overflow:hidden}.nav-button{padding:var(--space-2) var(--space-3);background-color:var(--neutral-200);color:var(--neutral-700);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.nav-button:hover:not(:disabled){background-color:var(--neutral-300);border-color:var(--neutral-400);color:var(--neutral-900)}.nav-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--neutral-200);border-radius:var(--radius-sm)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-sm);border:1px solid var(--neutral-300)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.update-button,.refresh-button,button[class*=update],button[class*=refresh],button[class*=load]{background-color:var(--action-button-color, var(--cue-color))!important;color:var(--neutral-50)!important}.update-button:hover,.refresh-button:hover,button[class*=update]:hover,button[class*=refresh]:hover,button[class*=load]:hover{background-color:var(--action-button-hover, var(--cue-hover))!important}[data-theme=dark] .cue-run-button,[data-theme=dark] .play-next-cue-button,[data-theme=dark] .go-to-cue-button,[data-theme=dark] .header-cue-button.play,[data-theme=dark] .cue-nav-button,[data-theme=dark] .cue-nav button{background-color:var(--action-button-color)!important;color:var(--neutral-50)!important}[data-theme=dark] .cue-run-button:hover,[data-theme=dark] .play-next-cue-button:hover,[data-theme=dark] .go-to-cue-button:hover,[data-theme=dark] .header-cue-button.play:hover,[data-theme=dark] .cue-nav-button:hover:not(:disabled),[data-theme=dark] .cue-nav button:hover:not(:disabled){background-color:var(--action-button-hover)!important}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-6);min-height:80px;background:var(--neutral-50);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.header-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-4);flex:1;text-align:center}.header-row.name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);flex:2}.header-row.description{font-size:var(--text-base);font-style:italic;color:var(--neutral-600);line-height:1.5;flex:3}.header-row.state{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background-color:var(--primary-100);color:var(--primary-700);border:1px solid var(--primary-200);flex:1;transition:all var(--transition-base)}.header-row.state:hover{background-color:var(--primary-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900)}.header-id{font-size:var(--text-sm);color:var(--neutral-500);font-family:var(--font-mono)}@media (max-width: 768px){.header{flex-direction:column;gap:var(--space-4);text-align:center}.header-row{width:100%}}.show-config{display:flex;flex-direction:column;height:100vh}.show-config-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);background:var(--neutral-50);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.show-config-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--neutral-900)}.logout-button{padding:var(--space-2) var(--space-4);background-color:var(--neutral-800);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);border:1px solid var(--neutral-800)}.logout-button:hover{background-color:var(--neutral-900);border-color:var(--neutral-900)}.show-config-layout{display:flex;flex:1;overflow:hidden}.cue-toast{display:flex;flex-direction:column;gap:var(--space-2)}.cue-toast-header{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--cue-color);text-transform:uppercase;letter-spacing:.025em}.cue-toast-content{display:flex;align-items:center;gap:var(--space-2)}.cue-toast-number{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--cue-color);min-width:2rem}.cue-toast-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-900)}.cue-toast-modules{font-size:var(--text-xs);color:var(--neutral-600);margin-left:auto}.Toastify__toast--cue{background-color:var(--cue-light);border:1px solid var(--cue-color)}.performance-column{flex:1;border-right:1px solid var(--neutral-200);overflow-y:auto;display:flex;flex-direction:column;padding:0 var(--space-6);background-color:var(--neutral-50)}.user-column{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:0 var(--space-6);background-color:var(--neutral-50)}.user-select{display:flex;flex-direction:column;height:calc(100% - (var(--space-6) * 2));margin:var(--space-6) 0}.error-message{background:var(--danger-color);color:var(--neutral-50);font-weight:var(--font-semibold);padding:var(--space-4);border-radius:var(--radius-md)}.no-users-message{text-align:center;color:var(--neutral-500);margin:var(--space-4) 0;padding:var(--space-6);background-color:var(--neutral-50);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);font-weight:var(--font-medium)}.select-all-controls{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200);flex-shrink:0}.select-all-controls button{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-300);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base)}.select-all-controls button:hover{background:var(--neutral-200);border-color:var(--neutral-400);transform:translateY(-1px)}.user-list{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:0;margin:0;padding-right:var(--space-2);flex:1;min-height:0}.user-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.user-item:hover{background:var(--neutral-50)}.user-item input[type=checkbox]{margin-top:var(--space-4);width:20px;height:20px;cursor:pointer;accent-color:var(--primary-500);flex-shrink:0;border-radius:var(--radius-sm)}.user-item input[type=checkbox]:checked{accent-color:var(--primary-600)}.user-card-wrapper{cursor:pointer;flex-grow:1;-webkit-user-select:none;user-select:none}.user-card-wrapper .user-view{margin-bottom:0;transition:all var(--transition-base)}.user-card-wrapper:hover .user-view{transform:translateY(-1px);box-shadow:var(--shadow-md)}.go-button-container{text-align:center;margin-top:auto;padding-top:var(--space-5);border-top:2px solid var(--neutral-100);flex-shrink:0}.go-button{padding:var(--space-3) var(--space-8);font-size:var(--text-lg);background:var(--primary-600);color:var(--neutral-50);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-base)}.go-button:hover{background:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.go-button:disabled{background:var(--neutral-300);color:var(--neutral-500);transform:none;box-shadow:none}.button-note{display:block;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--neutral-500);font-style:italic}.user-view{background:var(--neutral-100);color:var(--text-primary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}[data-theme=dark] .user-view{border:1px solid transparent}[data-theme=dark] .user-view:hover{border-color:var(--border-color)}.user-view:hover{box-shadow:var(--shadow-md);transform:translateY(0);border-color:var(--user-color)}.user-view:not(.mini){padding:var(--space-5);position:relative}.user-view:not(.connected):not(.mini){background-color:var(--user-offline-bg);border-color:var(--neutral-400);opacity:.85}.user-view:not(.connected){opacity:.85;position:relative}.user-view.connected:not(.mini){background:var(--neutral-100);border-color:var(--border-color)}.user-view.connected:not(.mini):not(.selector){background-color:var(--user-connected-bg)}.user-view.mini{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;max-width:100px;width:auto;height:auto;padding:var(--space-2) var(--space-3);position:relative;cursor:pointer;font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;background-color:var(--neutral-50);border:2px solid transparent;border-radius:var(--radius-md);text-align:center;overflow:hidden}.user-view.mini:hover{background-color:var(--neutral-50);border-color:var(--neutral-700);border-width:2px;transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-view.mini:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.user-view.mini .mini-identifier{font-size:var(--text-xs);font-weight:var(--font-medium);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--neutral-900)}.user-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.user-view-tabs{display:flex;flex-wrap:wrap;gap:0;margin:0 -var(--space-2);flex-grow:1;justify-content:center}.user-view-tab{padding:var(--space-2) var(--space-4);min-height:32px;background-color:transparent;border:none;border-radius:0;font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em;transition:all var(--transition-fast);white-space:nowrap;color:var(--neutral-600)}.user-view-tab.active{color:var(--primary-600);border-bottom:2px solid var(--primary-100)}.user-view-tab:not(.active){border-bottom:2px solid transparent}.user-view-tab-content{display:none;max-height:35vh;overflow-y:auto}.user-view-tab-content.active{display:block}[data-theme=dark] .user-view-tab{color:var(--neutral-400)}[data-theme=dark] .user-view-tab[data-tab=details]{border-bottom:2px solid var(--primary-600)}[data-theme=dark] .user-view-tab[data-tab=transcript]{border-bottom:2px solid var(--primary-900)}@keyframes onlinePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.frame{display:flex;flex-direction:column;gap:var(--space-1)}.frame-type{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--neutral-600);text-transform:uppercase;padding:var(--space-1) var(--space-2)}.frame-content{font-size:var(--text-sm);background-color:var(--neutral-100);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.frame-timestamp{font-size:var(--text-xs);color:var(--neutral-600);text-align:right}.audio-status{width:20px;height:20px;opacity:.4;transition:all var(--transition-base);color:var(--neutral-600);flex-shrink:0}.audio-status.playing{opacity:1;color:var(--primary-600);animation:audioWave 1s infinite}@keyframes audioWave{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.field{margin-bottom:var(--space-3)}.field.phone{font-family:var(--font-mono);font-size:var(--text-base);color:var(--neutral-700)}.field.identifier{font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--neutral-900);margin-bottom:var(--space-2)}.field.type{text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.05em;color:var(--neutral-600);margin-bottom:var(--space-3)}.field-label{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-1)}.field-value{color:var(--neutral-900);font-size:var(--text-base)}.field.identifier.connected{color:var(--user-active-bg)}.online-indicator{color:var(--user-active-bg);font-size:var(--text-sm);font-weight:var(--font-normal)}.offline-indicator{color:var(--neutral-500);font-size:var(--text-sm);font-weight:var(--font-normal)}.field-value.editable{border:1px solid transparent;background:var(--neutral-50);font-size:inherit;font-family:inherit;color:inherit;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%;resize:none;overflow-y:auto;overflow-wrap:break-word;word-wrap:break-word;min-height:2.5rem;max-height:calc(1.4em * 3 + var(--space-2) * 2);line-height:1.4}.field-value.editable:hover{background-color:var(--neutral-50);border-color:var(--neutral-400)}.field-value.editable:focus{background-color:var(--neutral-50);border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px var(--primary-100)}.field-value.editable.changed{background-color:var(--primary-50);border-color:var(--accent-color)}.field-value.editable-display{border:1px solid transparent;background:var(--neutral-50);font-size:inherit;font-family:inherit;color:inherit;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);width:100%;min-height:2.5rem;line-height:1.4;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word}.field-value.editable-display:hover{background-color:var(--neutral-100);border-color:var(--neutral-400)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.user-icon{width:24px;height:24px;color:var(--user-color);margin-right:var(--space-2)}.user-icon-sm{width:16px;height:16px;color:var(--user-color);margin-right:var(--space-1);vertical-align:middle}.user-view:not(.connected) .user-icon{color:var(--neutral-400)}.user-view.connected .user-icon{color:var(--primary-600)}.user-view.mini .audio-status{margin:0;width:16px;height:16px}.changed-user{margin-top:var(--space-4);display:flex;gap:var(--space-3);justify-content:center}.update-user-btn,.discard-user-btn{border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base)}.update-user-btn{background:var(--success-color);color:var(--neutral-50)}.update-user-btn:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.discard-user-btn{background:var(--danger-color);color:var(--neutral-50)}.discard-user-btn:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-view.selector{width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);display:grid;grid-template-columns:1fr 2fr 1.5fr 1fr;gap:var(--space-3);align-items:center;background:var(--neutral-50);border:1px solid var(--border-color)}.user-view.selector:hover{background-color:var(--neutral-100);border-color:var(--accent-color);transform:translate(4px);box-shadow:var(--shadow-sm)}.user-view.selector .field.identifier{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-view.selector .selector-columns{display:contents}.user-view.selector .field{margin:0;padding:0}.field-value.selector{font-size:var(--text-sm);color:var(--neutral-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user{background-color:var(--neutral-50);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);transition:all var(--transition-fast);cursor:pointer}[data-theme=dark] .user{border:1px solid transparent}[data-theme=dark] .user:hover{border-color:var(--border-color)}.user:hover{box-shadow:var(--shadow-sm);border-color:var(--neutral-500);transform:translateY(-1px)}.user.connected{opacity:1;border-color:var(--border-color)}.user-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.user-icon{width:32px;height:32px;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-900);display:flex;align-items:center;gap:var(--space-2)}.user-id{font-size:var(--text-xs);color:var(--neutral-600);font-family:var(--font-mono)}.user-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.user-status.connected{background-color:var(--success-color);color:var(--neutral-50)}.user-status.disconnected{background-color:var(--danger-color);color:var(--neutral-50)}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.user-details{display:grid;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--neutral-200)}.user-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.user-detail-label{color:var(--neutral-600);font-weight:var(--font-medium)}.user-detail-value{color:var(--neutral-900);font-family:var(--font-mono);font-size:var(--text-xs)}.user-groups{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.group-tag{padding:var(--space-1) var(--space-2);background-color:var(--group-light);color:var(--group-hover);border:1px solid var(--group-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold)}.user.receiving-audio{border-color:var(--voice-color);background-color:var(--voice-light)}.user.receiving-audio .user-name{color:var(--voice-hover)}.user.mini{padding:var(--space-2);margin:0;min-width:60px;max-width:100px;width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.user.mini .mini-identifier{font-size:var(--text-xs);font-weight:var(--font-medium);width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--neutral-900)}.user.mini .user-header{flex-direction:column;gap:var(--space-1);margin-bottom:0}.user.mini .user-icon{width:24px;height:24px}.user.mini .user-info{width:100%}.user.mini .user-name{font-size:var(--text-xs);justify-content:center}.user.mini .user-id,.user.mini .user-details,.user.mini .user-groups{display:none}.user.mini .user-status{position:absolute;top:4px;right:4px;width:8px;height:8px;padding:0;background:transparent}.user.mini .user-status .status-dot{width:8px;height:8px;background-color:var(--danger-color)}.user.mini.connected .user-status .status-dot{background-color:var(--success-color);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--success-200)}70%{box-shadow:0 0 0 4px var(--success-100)}to{box-shadow:0 0 0 0 var(--success-200)}}.user.mini>*{position:relative;z-index:2}.user-diagonal-stripes{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--neutral-300);pointer-events:none;z-index:1;border-radius:inherit}.user.selected{box-shadow:0 0 0 3px var(--accent-color);transform:scale(1.02)}[data-theme=dark] .user.selected{box-shadow:0 0 0 3px var(--primary-500);background-color:var(--primary-100)}.user.mini.disconnected,.user.mini:not(.connected),.user-view.mini:not(.connected){opacity:.7}.user-view.mini.connected:not(.selected){background-color:var(--user-connected-bg);border-color:var(--user-active-bg);border-width:3px;box-shadow:0 0 0 1px var(--user-active-bg)}.user-view.mini.connected:not(.selected):hover{background-color:var(--user-connected-bg);border-color:var(--user-active-hover);box-shadow:0 0 0 2px var(--user-active-hover);transform:translateY(-2px)}.user-view.mini.selected{background-color:var(--primary-200);border-color:var(--primary-600);border-width:2px;box-shadow:0 0 0 2px var(--primary-300);transform:none}.user-view.mini.connected.selected{background-color:var(--primary-200);border-color:var(--primary-600);border-width:2px;box-shadow:0 0 0 2px var(--primary-300)}[data-theme=dark] .user-view.mini.selected,[data-theme=dark] .user-view.mini.connected.selected{background-color:var(--primary-500);border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-600);color:var(--neutral-50)}.user-view.mini.receiving-audio{border-color:var(--voice-color);background-color:var(--voice-light);animation:audioFlash 1s infinite alternate}@keyframes audioFlash{0%{box-shadow:0 0 0 2px var(--voice-200)}to{box-shadow:0 0 0 4px var(--voice-100)}}.audio-controls{display:flex;align-items:center;gap:var(--space-2)}.listen-in-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-500);border-radius:var(--radius-sm);border:1px solid var(--neutral-300);background-color:var(--neutral-50);transition:all var(--transition-fast)}.listen-in-checkbox:hover{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.listen-in-checkbox:checked{accent-color:var(--primary-600);border-color:var(--primary-600)}.listen-in-checkbox:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200)}.listen-in-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.listen-in-label:hover{color:var(--primary-600)}.user-view.filtered,.user-view.mini.filtered,.user.filtered,.user.mini.filtered{opacity:.15!important;pointer-events:none;transition:opacity var(--transition-base)}[data-theme=dark] .user-view.filtered,[data-theme=dark] .user-view.mini.filtered,[data-theme=dark] .user.filtered,[data-theme=dark] .user.mini.filtered{opacity:.3!important}.user-info-header{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background-color:var(--neutral-100);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.user-type-badge{background-color:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.user-info-header .user-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);flex:1;min-width:0}.user-info-header .user-phone{font-size:var(--text-sm);color:var(--neutral-600);font-family:var(--font-mono);flex-shrink:0}[data-theme=dark] .user-info-header{background-color:var(--neutral-800);border-color:var(--neutral-600)}[data-theme=dark] .user-type-badge{background-color:var(--primary-700);color:var(--primary-100)}[data-theme=dark] .user-info-header .user-name{color:var(--neutral-100)}[data-theme=dark] .user-info-header .user-phone{color:var(--neutral-300)}.performance-list-container{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);width:100%;margin:var(--space-6) 0;display:flex;flex-direction:column;height:calc(100% - (var(--space-6) * 2))}.performance-list-container h2{margin-top:0;margin-bottom:var(--space-4);color:var(--neutral-900);font-size:var(--text-2xl);font-weight:var(--font-bold);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200);flex-shrink:0}.error-message{text-align:center;padding:var(--space-8);font-style:italic}.error-message{color:var(--danger-color);font-weight:var(--font-semibold);background:var(--danger-color);color:var(--neutral-50);padding:var(--space-4);border-radius:var(--radius-md)}.performance-list{list-style:none;padding:0;margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);flex:1;min-height:0}.performance-item{padding:var(--space-3) var(--space-4);background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-md);transition:all var(--transition-base);color:var(--neutral-900);font-weight:var(--font-medium);cursor:pointer}.performance-item:hover{background-color:var(--neutral-100);border-color:var(--primary-500);transform:translate(4px);box-shadow:var(--shadow-sm)}.performance-item:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.performance-item.selected{background-color:var(--primary-600);border-color:var(--primary-600);color:var(--neutral-50);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.performance-item.selected:hover{background-color:var(--primary-700);border-color:var(--primary-700);transform:none}.show-runner{display:flex;flex-direction:column;height:100vh;width:100%;background-color:var(--neutral-50)}.runner-header{background-color:var(--neutral-50);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;padding:var(--space-3) var(--space-6) 0;display:flex;justify-content:center}.header-right{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.header-controls{display:flex;align-items:center;gap:var(--space-4)}.header-cue-control{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-md);transition:all var(--transition-base);height:44px}.header-cue-control.playing{background-color:var(--primary-100);border-color:var(--primary-600);animation:subtlePlayingPulse 2s ease-in-out infinite}@keyframes subtlePlayingPulse{0%,to{border-color:var(--primary-600)}50%{border-color:var(--primary-400)}}.header-cue-section{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2)}.header-cue-label{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-600);min-width:42px}.header-cue-control.playing .header-cue-section.current .header-cue-label{color:var(--primary-600)}.header-cue-info{display:flex;align-items:center;gap:var(--space-1);min-width:120px}.header-cue-number{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--cue-color);min-width:20px}.header-cue-control.playing .header-cue-section.current .header-cue-number{color:var(--primary-600)}.header-cue-name{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.header-cue-control.playing .header-cue-section.current .header-cue-name{color:var(--primary-700)}.header-cue-section.next .header-cue-number,.header-cue-section.next .header-cue-label{color:var(--neutral-600)}.header-cue-section.next .header-cue-name{color:var(--neutral-700)}.playing-dot-header{width:6px;height:6px;background:var(--primary-600);border-radius:50%;animation:playingDotPulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes playingDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.header-cue-actions{display:flex;gap:var(--space-1)}.header-cue-button{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:12px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.header-cue-button.play{background:var(--cue-color);color:#fff}.header-cue-button.play:hover{background:var(--cue-hover);transform:scale(1.1)}.header-cue-button.preview{background:var(--neutral-200);color:var(--neutral-700);border-color:var(--neutral-300)}.header-cue-button.preview:hover{background:var(--neutral-300);border-color:var(--neutral-400)}.header-cue-divider{width:1px;height:20px;background:var(--neutral-300);margin:0 var(--space-1)}.header-cue-empty{font-size:var(--text-xs);color:var(--neutral-500);font-style:italic}.current-cue-mini{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);margin-left:var(--space-8)}.current-cue-label{color:var(--neutral-600);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.025em}.current-cue-text{color:var(--cue-color);font-weight:var(--font-semibold)}.cue-nav-button{padding:var(--space-1) var(--space-2);min-width:1.5rem;height:1.5rem;font-size:var(--text-xs);background-color:var(--neutral-700);color:#fff;border:none}.cue-nav-button:hover:not(:disabled){background-color:var(--neutral-900)}.cue-nav-button:disabled{background-color:var(--neutral-400);opacity:.5}.logout-button{padding:var(--space-2) var(--space-4);background-color:var(--neutral-800);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md);max-width:100px}[data-theme=dark] .logout-button{background-color:var(--neutral-50);color:var(--neutral-900)}[data-theme=dark] .logout-button:hover{background-color:var(--neutral-100)}.tabs{display:flex;flex-wrap:wrap;gap:0;margin:0 -var(--space-2);flex-grow:1}.tab-button{padding:var(--space-2) var(--space-4);min-height:32px;background-color:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em;transition:all var(--transition-fast);white-space:nowrap}.tab-button[data-tab=Cues]{color:var(--cue-color)}.tab-button[data-tab=Broadcast]{color:var(--primary-600)}.tab-button[data-tab=Groups]{color:var(--group-color)}.tab-button[data-tab=Users]{color:var(--user-color)}.tab-button[data-tab=Templates]{color:var(--template-color)}.tab-button[data-tab=Logs]{color:var(--neutral-700)}.tab-button[data-tab=Sheets]{color:var(--warning-color)}.tab-button[data-tab=Voices]{color:var(--voice-color)}.tab-button[data-tab=Link]{color:var(--primary-600)}[data-theme=dark] .tab-button[data-tab=Cues],[data-theme=dark] .tab-button[data-tab=Broadcast],[data-theme=dark] .tab-button[data-tab=Groups],[data-theme=dark] .tab-button[data-tab=Users],[data-theme=dark] .tab-button[data-tab=Templates],[data-theme=dark] .tab-button[data-tab=Logs],[data-theme=dark] .tab-button[data-tab=Sheets],[data-theme=dark] .tab-button[data-tab=Voices],[data-theme=dark] .tab-button[data-tab=Link]{color:var(--neutral-600)}.tab-button:hover:not(.active){background-color:var(--neutral-50);opacity:.8}.tab-button[data-tab=Cues]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Broadcast]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Groups]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Users]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Templates]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Logs]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Sheets]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Voices]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button[data-tab=Link]:hover:not(.active){border-bottom-color:var(--neutral-500)}.tab-button.active[data-tab=Cues]{color:var(--cue-color);border-bottom-color:var(--cue-color);background-color:var(--cue-light)!important}.tab-button.active[data-tab=Broadcast]{color:var(--template-color);border-bottom-color:var(--template-color);background-color:var(--template-light)!important}.tab-button.active[data-tab=Groups]{color:var(--group-color);border-bottom-color:var(--group-color);background-color:var(--group-light)!important}.tab-button.active[data-tab=Users]{color:var(--user-color);border-bottom-color:var(--user-color);background-color:var(--user-light)!important}.tab-button.active[data-tab=Templates]{color:var(--template-color);border-bottom-color:var(--template-color);background-color:var(--template-light)!important}.tab-button.active[data-tab=Logs],.tab-button.active[data-tab=Sheets]{color:var(--neutral-700);border-bottom-color:var(--neutral-700);background-color:var(--neutral-100)!important}.tab-button.active[data-tab=Voices]{color:var(--voice-color);border-bottom-color:var(--voice-color);background-color:var(--voice-light)!important}.tab-button.active[data-tab=Link]{color:var(--primary-600);border-bottom-color:var(--primary-600);background-color:var(--primary-50)!important}[data-theme=dark] .tab-button.active[data-tab=Cues],[data-theme=dark] .tab-button.active[data-tab=Broadcast],[data-theme=dark] .tab-button.active[data-tab=Groups],[data-theme=dark] .tab-button.active[data-tab=Users],[data-theme=dark] .tab-button.active[data-tab=Templates],[data-theme=dark] .tab-button.active[data-tab=Logs],[data-theme=dark] .tab-button.active[data-tab=Sheets],[data-theme=dark] .tab-button.active[data-tab=Voices],[data-theme=dark] .tab-button.active[data-tab=Link]{color:var(--primary-500);border-bottom-color:var(--primary-500);background-color:var(--primary-50)!important}.templates-tab{height:100%;overflow:hidden}.footer{background-color:var(--neutral-100);color:var(--neutral-800);padding:var(--space-3) var(--space-6);border-top:1px solid var(--neutral-300);flex-shrink:0}.footer-info{display:flex;align-items:center;justify-content:space-between;column-gap:clamp(0px,2vw,3rem);font-size:var(--text-base);flex-wrap:wrap;width:100%}@media (min-width: 1400px){.footer-item-value{font-size:var(--text-base)}}.footer-item{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;min-width:0}.footer-item-label{color:var(--neutral-600);font-weight:var(--font-medium)}.footer-item-value{color:var(--neutral-900);font-family:var(--font-mono);font-size:var(--text-base)}.footer-item.connected,.footer-item.disconnected{color:var(--neutral-700)}.reconnecting{margin-left:var(--space-2);font-size:var(--text-xs);font-style:italic}.footer .small-button{background-color:var(--neutral-300);border-color:var(--neutral-400);opacity:.8}.footer .small-button:hover{background-color:var(--neutral-400);border-color:var(--neutral-500);opacity:1}.user-icon-sm{width:14px;height:14px;filter:none;opacity:.8}.logs-tab{height:100%;overflow:hidden}.transcript{width:100%;height:100%;border:none;background-color:var(--neutral-50)}[data-theme=dark] .transcript{background-color:#fff}@media (max-width: 640px){.header-cue-control{min-width:280px;flex-direction:column;height:auto;padding:var(--space-2);gap:var(--space-2)}.header-stats-section{order:3}.header-cue-section{padding:0}.header-cue-divider{display:none}}@media (max-width: 1200px){.footer-info,.footer-item-value{font-size:var(--text-sm)}}@media (max-width: 900px){.footer-info{font-size:var(--text-xs);column-gap:clamp(0px,1.5vw,1.5rem);row-gap:var(--space-1)}.footer-item{flex-shrink:1}.footer-item-value{font-size:var(--text-xs);max-width:180px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 768px){.footer-info{column-gap:clamp(0px,1vw,.8rem)}.footer-item-value{max-width:150px}}@media (max-width: 640px){.footer{padding:var(--space-2) var(--space-4)}.footer-info{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-2)}.footer-item{width:100%}.footer-item-value{max-width:none}}@media (max-width: 480px){.footer{padding:var(--space-2)}.footer-info{gap:var(--space-1)}.footer-item,.footer-item-value{font-size:10px}}.broadcast-tab,.cues-tab,.templates-tab,.logs-tab,.voices-tab,.qr-code-tab,.users-tab{height:100%;overflow:hidden}.groups-tab{height:100%;overflow:hidden;display:flex;gap:var(--panel-gap);padding:var(--space-4)}.groups-tab .groups-container{flex:1;min-width:0}.groups-tab .user-details-panel{flex-shrink:0}.cues-tab{display:flex;flex-direction:column;padding:0;height:100%;overflow:hidden}.tab-button.active{font-weight:var(--font-bold)}.status-disconnected{font-size:var(--text-sm);margin-top:var(--space-2);margin-bottom:var(--space-2);color:var(--danger-color);animation:none;font-family:var(--font-mono)}.header-stats-section{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2)}.header-stat{display:flex;align-items:center;gap:var(--space-1)}.header-state-clickable{cursor:pointer}.header-stat-label{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-600)}.header-stat-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--neutral-900)}.audio-icon{width:14px;height:14px;opacity:.8}.group-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.group-dialog-overlay .group-dialog{position:relative;background:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xl);min-width:400px;max-width:500px}.group-dialog-overlay .group-dialog h3{margin:0 0 20px;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900)}.group-dialog-overlay .group-dialog form{display:flex;flex-direction:column;gap:var(--space-4)}.group-dialog-overlay .group-dialog input,.group-dialog-overlay .group-dialog textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast)}.group-dialog-overlay .group-dialog input:focus,.group-dialog-overlay .group-dialog textarea:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.group-dialog-overlay .group-dialog textarea{resize:vertical;min-height:60px}.group-dialog-overlay .group-dialog .dialog-buttons{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.group-dialog-overlay .group-dialog button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);border:none}.group-dialog-overlay .group-dialog button[type=submit]{background-color:var(--primary-600);color:var(--neutral-50)}.group-dialog-overlay .group-dialog button[type=submit]:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.group-dialog-overlay .group-dialog button[type=button]{background-color:var(--neutral-200);color:var(--neutral-700)}.group-dialog-overlay .group-dialog button[type=button]:hover{background-color:var(--neutral-300);color:var(--neutral-900)}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cues.section-container{flex:1;display:flex;flex-direction:column;background:var(--neutral-50);transition:all var(--transition-base);min-width:0;height:100%;overflow:hidden}.cues .title-container{flex-shrink:0}.cues-list-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:5px}.cues-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--panel-gap);row-gap:calc(var(--panel-gap) + 16px);padding-bottom:var(--panel-gap)}.cue{display:flex;flex-direction:column;min-height:140px;background:var(--cue-light);border:none;border-radius:var(--radius-md);padding:var(--space-3);color:var(--neutral-900);cursor:pointer;transition:all var(--transition-base);position:relative;box-shadow:var(--shadow-sm)}.cue:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--neutral-50)}.cue:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.cue.selected{background:var(--neutral-50);border:2px solid var(--cue-color);padding:calc(var(--space-3) - .5px)}.cue.current{box-shadow:var(--shadow-md)}.cue.current:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:4px;background:var(--cue-color);border-radius:2px;animation:currentCueUnderline .3s ease-in-out}.cue.playing{background:var(--primary-100);border:2px solid var(--primary-600);box-shadow:var(--shadow-lg);animation:playingPulse 2s ease-in-out infinite}.cue.playing:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:4px;background:var(--primary-600);border-radius:2px;animation:playingUnderline 1s ease-in-out infinite}@keyframes playingPulse{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 0 0 4px var(--primary-200),var(--shadow-lg)}}@keyframes playingUnderline{0%,to{background:var(--primary-600)}50%{background:var(--primary-400)}}@keyframes currentCueUnderline{0%{width:0;left:50%}to{width:100%;left:0}}.cue-content{flex:1;display:flex;flex-direction:column}.cue-action-area{height:32px;margin-top:var(--space-2);display:flex;align-items:center;justify-content:center}.cue-run-button{width:100%;height:28px;background-color:var(--cue-color);color:var(--neutral-50);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.025em;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-base)}.cue-run-button.visible{opacity:1;visibility:visible}.cue-run-button:hover{background-color:var(--cue-hover);transform:translateY(-1px)}.cue-number{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--cue-color);margin-bottom:var(--space-1)}.cue-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-900);word-break:break-word;margin-bottom:var(--space-1)}.cue-description{font-size:var(--text-xs);color:var(--neutral-600);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cue-details-panel{width:500px;background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;height:100%}.play-next-cue-button{background-color:var(--cue-color);color:var(--neutral-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.025em;border:none;cursor:pointer;transition:all var(--transition-base);font-style:normal}.play-next-cue-button:hover{background-color:var(--cue-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cue-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-200);flex-shrink:0}.cue-header-navigation{display:flex;gap:var(--space-1);align-items:center}.cue-header-navigation .nav-button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);line-height:1}.cue-details-content{display:flex;flex-direction:column;gap:var(--panel-gap);flex:1;overflow-y:auto;overflow-x:hidden}.cue-info-section{text-align:center;padding:var(--space-4);background-color:var(--cue-light);border-radius:var(--radius-md);border:1px solid var(--cue-color);flex-shrink:0}.cue-number-large{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--cue-color);margin-bottom:var(--space-2)}.cue-name-large{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--neutral-900);margin:0 0 var(--space-2) 0}.cue-description-large{font-size:var(--text-base);color:var(--neutral-700);margin:0}.go-to-cue-button{background-color:var(--cue-color);color:var(--neutral-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.025em;width:100%;border:none;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.go-to-cue-button:hover{background-color:var(--cue-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cue-modules-section{display:flex;flex-direction:column;gap:var(--space-3)}.cue-arrow{font-size:var(--text-xl);color:var(--primary-600);margin:0 var(--space-2);display:flex;align-items:center}.template-type{color:var(--neutral-600);font-style:italic;font-size:var(--text-xs)}.modal-buttons{display:flex;justify-content:center;gap:var(--space-2)}.modal-buttons button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-base)}.modal-buttons button:first-child{background-color:var(--primary-600);color:var(--neutral-50)}.modal-buttons button:first-child:hover{background-color:var(--primary-700);transform:translateY(-1px)}.modal-buttons button:last-child{background-color:var(--neutral-300);color:var(--neutral-700)}.modal-buttons button:last-child:hover{background-color:var(--neutral-400)}.mod-link-footer{margin-top:var(--space-2);padding:var(--space-2);background:var(--neutral-100);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.mod-link{margin-top:var(--space-2);padding:var(--space-2)}.mod-link-group-label{font-size:var(--text-xs);color:var(--neutral-600);font-weight:var(--font-medium)}.mod-link-group-name{font-size:var(--text-xs);color:var(--group-color);font-weight:var(--font-semibold);background-color:var(--group-light);padding:0 var(--space-2);border-radius:var(--radius-sm)}[data-theme=dark] .mod-link-group-name{color:var(--neutral-600);background-color:var(--neutral-300)}.mod-link-delay{font-size:var(--text-xs);color:var(--neutral-600);font-family:var(--font-mono)}.current-cue-indicator{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--cue-color);text-transform:uppercase;letter-spacing:.025em}.current-cue-indicator:after{content:"";width:8px;height:8px;background:var(--cue-color);border-radius:50%;box-shadow:0 0 0 2px #fff,var(--shadow-sm)}.cue.playing .current-cue-indicator{color:var(--primary-600);animation:playingIndicatorPulse 1s ease-in-out infinite}.cue.playing .current-cue-indicator:after{background:var(--primary-600);animation:playingDot 1s ease-in-out infinite}@keyframes playingIndicatorPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes playingDot{0%,to{box-shadow:0 0 0 2px var(--neutral-50),var(--shadow-sm)}50%{box-shadow:0 0 0 2px var(--neutral-50),0 0 0 4px var(--primary-300),var(--shadow-sm)}}.cue-module-info{width:100%;height:28px;display:flex;flex-wrap:wrap;gap:1px;align-items:center;justify-content:flex-start;overflow:hidden}.module-info-item{display:flex;align-items:center;gap:2px;font-size:8px;line-height:1;max-width:100%;min-width:0}.module-icon{width:14px;height:14px;flex-shrink:0;opacity:.3}.cue-module-info .group-name{font-size:var(--text-xs)!important;color:var(--neutral-600)!important;font-weight:var(--font-medium)!important;background-color:var(--neutral-200)!important;padding:0 var(--space-2)!important;border-radius:var(--radius-sm)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:none!important}.templates.section-container{flex:1;display:flex;flex-direction:column;background:var(--neutral-200);min-width:0;height:100%;overflow:visible}.templates .title-container{flex-shrink:0}.view-mode-controls{display:flex;gap:var(--space-1);align-items:center}.template-list-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.template-list-wrapper .view-mode-controls{margin-bottom:var(--title-margin);align-self:flex-end}.view-mode-button{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--neutral-700);border:1px solid var(--neutral-400);font-size:var(--text-base);font-weight:var(--font-bold);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.view-mode-button:hover:not(:disabled){background-color:var(--neutral-200)!important;color:var(--neutral-900)!important;border-color:var(--neutral-600)!important;transform:none!important;box-shadow:none!important}.view-mode-button.active{background-color:var(--template-color);color:#fff;border-color:var(--template-color)}.view-mode-button.active:hover{background-color:var(--template-color)!important;border-color:var(--template-color)!important;color:#fff!important;transform:none!important;box-shadow:none!important}.templates-list-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:var(--space-4)}.template-list{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.template-list-item{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--neutral-50);border:1px solid var(--border-color)}.template-list-item:hover{transform:translate(4px);background:var(--template-light);border-color:var(--template-color)}.template-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-2) var(--space-2)}.template-container.grid-view .template{margin:0}.template-container.grid-view .template.mini{cursor:pointer;height:auto;min-height:100px;max-height:240px;padding:var(--space-2);overflow:hidden;font-size:var(--text-xs)}.template-container.grid-view .template.mini .meta-label{font-size:10px;font-weight:var(--font-semibold)}.template-container.grid-view .template.mini .template-icon.mini{width:24px;height:24px}.template-container.grid-view .template.mini .template-header{gap:var(--space-1);margin-bottom:var(--space-1)}.template-container.grid-view .template.mini .text-content{font-size:10px;line-height:1.3;min-height:50px;max-height:80px}.template-container.grid-view .template.mini:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--template-hover);background:var(--neutral-50)}.templates-list-container{transition:all var(--transition-slow)}.template-create-panel{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.template-create-panel .section-container{flex:1;display:flex;flex-direction:column;background:var(--template-light);border:2px solid var(--template-color);height:100%;overflow:hidden;position:relative}[data-theme=dark] .template-create-panel .section-container{border:2px solid var(--neutral-600)}.template-create-panel .title-container{flex-shrink:0}.template-create-panel .template.card{margin:0;border:none;box-shadow:none;background:transparent;overflow-y:auto;flex:1}.template-create-panel.drag-over .section-container{border-color:var(--template-hover);background-color:var(--template-100);transform:scale(1.01)}.drop-to-copy-indicator{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);background-color:var(--template-color);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:100;animation:dropIndicatorPulse 1.5s ease-in-out infinite}@keyframes dropIndicatorPulse{0%,to{transform:translate(-50%) scale(1);opacity:.9}50%{transform:translate(-50%) scale(1.05);opacity:1}}.templates{display:flex;flex-direction:column;gap:var(--panel-gap)}.templates-container{padding:var(--space-4);background-color:var(--neutral-100);height:100%;overflow-y:auto}.templates-section{background:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-xs)}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-200)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.template-card{background-color:var(--template-light);border:2px solid var(--template-color);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--transition-fast);cursor:pointer;position:relative}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:var(--neutral-50)}.template-card.active{background-color:var(--neutral-50);box-shadow:0 0 0 2px var(--template-color)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.template-info{flex:1}.template-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-1)}.template-type{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--template-hover);text-transform:uppercase;letter-spacing:.05em}.template-actions{display:flex;gap:var(--space-1)}.template-action-button{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-width:unset;height:24px}.delete-button{background-color:var(--danger-color);color:#fff}.delete-button:hover{background-color:var(--danger-hover)}.template-content{font-size:var(--text-sm);color:var(--neutral-700);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-2)}.template-content.expanded{-webkit-line-clamp:unset}.template-url{font-size:var(--text-xs);color:var(--primary-600);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-2)}.template-audio{width:100%;height:32px;margin-bottom:var(--space-2)}.template-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--template-color)}.send-to-group{display:flex;align-items:center;gap:var(--space-2)}.group-selector{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border:1px solid var(--neutral-400);border-radius:var(--radius-sm);background-color:var(--neutral-50)}.send-button{padding:var(--space-1) var(--space-3);background-color:var(--template-color);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold)}.send-button:hover{background-color:var(--template-hover)}.expand-button{padding:var(--space-1) var(--space-2);background-color:transparent;color:var(--primary-600);border:1px solid var(--primary-600);font-size:var(--text-xs)}.expand-button:hover{background-color:var(--primary-50)}.templates-empty{text-align:center;padding:var(--space-8);color:var(--neutral-500);font-style:italic;font-size:var(--text-sm)}.template-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--neutral-900);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.template-modal-content{background-color:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-200)}.close-button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-base)}.close-button:hover{background-color:var(--neutral-200);border-color:var(--neutral-500)}.template-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);text-transform:uppercase;letter-spacing:.025em}.form-input,.form-textarea{padding:var(--space-3);font-size:var(--text-sm);border:1px solid var(--neutral-400);border-radius:var(--radius-md);background-color:var(--neutral-50);transition:all var(--transition-fast)}.form-textarea{min-height:100px;resize:vertical;font-family:var(--font-sans);line-height:1.5}.form-input:focus,.form-textarea:focus{border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200)}.form-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--neutral-200)}.submit-button{padding:var(--space-2) var(--space-6);background-color:var(--action-button-color, var(--cue-color));color:var(--neutral-50);font-size:var(--text-sm);font-weight:var(--font-semibold)}.submit-button:hover{background-color:var(--action-button-hover, var(--cue-hover))}.cancel-button{padding:var(--space-2) var(--space-6);background-color:var(--neutral-200);color:var(--neutral-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.cancel-button:hover{background-color:var(--neutral-300)}.template-container{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-2)}.template{background:var(--neutral-50);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.template:hover:not(.card){box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--template-color)}.template.card:hover{border-color:var(--template-color)}.template-content{display:flex;flex-direction:column;gap:var(--space-2)}.template.simple-template{background:var(--template-light);border-color:var(--template-color)}.template.simple-template.inset{width:100%;box-shadow:inset 0 1px 3px 0 var(--neutral-300)}.template-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--space-3)}.group-name-label{font-size:var(--text-sm);color:var(--neutral-600);font-weight:var(--font-medium)}.template-name{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--neutral-900)}.template-icon{width:48px;height:48px;object-fit:contain}.template-icon.mini{width:32px;height:32px}.template-description{font-size:var(--text-base);line-height:1.5;color:var(--neutral-600)}.template-requires,.template-listen{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.meta-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em}.variable-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.variable-tag{background-color:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--font-medium);border:1px solid var(--primary-200)}.listen-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--neutral-600);background:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.template-id{font-size:var(--text-xs);color:var(--neutral-500);padding:var(--space-1) var(--space-2);background-color:var(--neutral-100);border-radius:var(--radius-full);font-family:var(--font-mono)}.audio-player{width:100%;height:32px;background-color:var(--neutral-100);border-radius:var(--radius-md)}.text-content{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;min-height:80px;max-height:250px;overflow-y:auto;padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.variable{color:var(--primary-600);font-weight:var(--font-semibold);background:var(--primary-50);padding:0 var(--space-1);border-radius:var(--radius-sm);margin:0 2px}.template.mini{position:relative;min-height:60px;width:100%;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:var(--template-light);border-color:var(--template-color)}.template.mini:hover{background:var(--neutral-50)}.template.clickable{cursor:pointer}.template.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--template-hover)}.template.mini .icon{position:absolute;right:var(--space-3);top:var(--space-3);width:24px;height:24px}.template.mini .template-header{display:flex;align-items:center;gap:var(--space-2)}.template-name.mini-name{font-size:var(--text-xs);font-weight:var(--font-medium);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-text{width:100%}.template-text .mini-text{font-size:var(--text-xs);color:var(--neutral-600);text-align:left;max-height:2.5em;margin-bottom:var(--space-1)}.template-text .mini-text .text-content{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:var(--space-1);background:var(--neutral-50)}.input-simple{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-2)}.template-selector{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-bottom:var(--space-4)}.template-text-input{padding:var(--space-3);background-color:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200)}.template-text-input input{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--neutral-50);color:var(--text-primary);border:1px solid var(--border-color);font-size:var(--text-base);transition:all var(--transition-fast)}.template-text-input input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--primary-100)}.template-text-input button{padding:var(--space-2) var(--space-4);background-color:var(--primary-600);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:var(--font-medium);transition:all var(--transition-base)}.template-text-input button:hover{background-color:var(--primary-700);transform:translateY(-1px)}.template-text textarea{width:100%;min-height:100px;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;transition:all var(--transition-fast)}.template-text textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--primary-100)}.template-text textarea::placeholder{color:var(--neutral-400)}.create-button{background-color:var(--template-color)!important;border-color:var(--template-color)!important;color:#fff!important}.create-button:hover{background-color:var(--template-hover)!important;border-color:var(--template-hover)!important}.template-name .long-input{font-weight:var(--font-semibold);font-size:var(--text-lg)}.template-description .long-input{font-size:var(--text-base);line-height:1.5;color:var(--neutral-600)}.template-requires .long-input{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--neutral-50)}.required{border-color:var(--danger-color)!important}.required-fields-note{color:var(--neutral-600);font-size:var(--text-sm);margin-top:var(--space-2);margin-bottom:var(--space-3);font-style:italic}.template-voice{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-600);font-size:var(--text-sm)}.template-voice img{width:20px;height:20px}.template-voice span{color:var(--voice-color);font-weight:var(--font-medium)}.arrow-button{padding:var(--space-2);height:auto;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);background:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.arrow-button:hover{background:var(--neutral-200);color:var(--neutral-900);transform:translate(2px)}@media (max-width: 1200px){.templates-wrapper{flex-direction:column}.template-create-panel{flex:0 0 auto;max-height:400px}.templates.section-container{flex:1}}.clear-form-button{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-3);display:flex;align-items:center;justify-content:center;background-color:var(--template-color);color:#fff;border:1px solid var(--template-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);z-index:20;opacity:1;visibility:visible}.clear-form-button:hover{background-color:var(--template-hover);color:#fff;border-color:var(--template-hover)}.voices-tab{height:100%;overflow:hidden}.voices-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,400px));gap:1rem;overflow-y:scroll;max-height:calc(100vh - 16rem);min-height:0;justify-content:center}.voices-container>.text-block,.voices-container>.update-button,.voices-container>.update-message{grid-column:1 / -1}.voice-container{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);padding-top:var(--space-6);background:var(--neutral-50);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);height:fit-content;max-width:400px;transition:all var(--transition-base);position:relative}.voice-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.voice-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.voice-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-2);display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-icon{width:32px;height:32px;color:var(--voice-color);position:absolute;top:var(--space-4);right:var(--space-4);opacity:.8}.voice-toggle{display:flex;align-items:center;gap:var(--space-3)}.voice-toggle label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700)}.voice-toggle input[type=checkbox]{width:48px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--neutral-300);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:all var(--transition-base)}.voice-toggle input[type=checkbox]:checked{background:var(--voice-color)}.voice-toggle input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;border-radius:var(--radius-full);top:2px;left:2px;background:var(--neutral-50);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.voice-toggle input[type=checkbox]:checked:before{transform:translate(24px)}.voice-selection{display:flex;flex-direction:column;gap:var(--space-4)}.voice-selection-header{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-2)}.voice-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,400px));gap:var(--space-3);justify-content:start}.voice-option{padding:var(--space-4);background:var(--neutral-50);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.voice-option:hover{border-color:var(--voice-color);background:var(--voice-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.voice-option.selected{background:var(--voice-light);border-color:var(--voice-color);box-shadow:0 0 0 3px var(--voice-200)}.voice-option-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-900);margin-bottom:var(--space-1)}.voice-option-lang{font-size:var(--text-sm);color:var(--neutral-600)}.voice-preview{margin-top:var(--space-6);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.voice-preview-header{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-700);margin-bottom:var(--space-3)}.voice-preview-controls{display:flex;gap:var(--space-3);align-items:center}.voice-preview-button{padding:var(--space-2) var(--space-4);background:var(--action-button-color, var(--cue-color));color:var(--neutral-50);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.voice-preview-button:hover{background:var(--action-button-hover, var(--cue-hover));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.voice-preview-button:disabled{background:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed}.voice-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--neutral-700)}.voice-status.active{background:var(--voice-light);color:var(--voice-color);font-weight:var(--font-medium)}.voice-status.active{background:var(--voice-color);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.voice-error{margin-top:var(--space-3);padding:var(--space-3);background:var(--danger-color);color:var(--neutral-50);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium)}.voice-info{margin-top:var(--space-3);padding:var(--space-3);background:var(--neutral-100);color:var(--neutral-700);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;width:100%}.voice-description{display:block;font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:350px}.voice-settings{font-size:var(--text-xs);color:var(--neutral-600);margin-top:var(--space-3)}.voice-settings .setting-slider{margin-bottom:var(--space-3)}.voice-settings .labels{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.voice-settings .label{font-weight:var(--font-medium);color:var(--neutral-700)}.voice-settings .tag{color:var(--neutral-600);background-color:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.voice-settings>span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.voice-settings .preview-audio{width:100%;margin-top:var(--space-2)}@media (max-width: 640px){.voice-options,.voices-container{grid-template-columns:1fr}.voice-container{padding:var(--space-3);max-width:100%}}.voice-container.mini{display:inline-flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:0;background:transparent;border:none;box-shadow:none;max-width:none;height:auto}.voice-container.mini:hover{transform:none;box-shadow:none}.voice-container.mini .voice-icon{position:static;width:20px;height:20px;opacity:1}.voice-container.mini .voice-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700)!important;margin-bottom:0;display:inline;white-space:nowrap;overflow:visible}.voice-container.mini .voice-info{display:none}.template-voice{color:var(--neutral-700)}.template-voice .voice-container.mini .voice-name{color:var(--neutral-700)!important}.send-button{padding:var(--space-1) var(--space-3);background-color:var(--template-color);color:var(--neutral-50);font-size:var(--text-xs);font-weight:var(--font-semibold)}.live-author{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.live-author-left{flex:1;display:flex;flex-direction:column;gap:var(--panel-gap);overflow-y:auto}.runnable-header{font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--title-margin);color:var(--neutral-900)}.modules-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--panel-gap)}.live-author-right{width:400px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto}.live-author-top{overflow-y:hidden;position:relative;resize:vertical;min-height:200px;max-height:70%;flex-shrink:0;background:var(--neutral-50);border-bottom:1px solid var(--border-color)}.live-author-bottom{flex:1;overflow-y:auto;position:relative;min-height:0;padding:var(--panel-gap);background:var(--neutral-50)}.runnable-drop{min-height:80px;display:flex;justify-content:center;align-items:center;transition:all var(--transition-base);width:100%;background-color:var(--neutral-100);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg);margin-bottom:var(--space-3);color:var(--neutral-500);font-weight:var(--font-medium)}.runnable-drop:has(.template-assigned),.runnable-drop:has(.group-assigned),.runnable-drop:has(.template.card){background-color:transparent!important;border:none!important;margin-bottom:0;min-height:auto;padding:0}.template-selector .runnable-drop,.group-selector .runnable-drop{background:transparent!important;border:none!important;padding:0;box-shadow:none!important}.template-selector .runnable-drop:empty,.group-selector .runnable-drop:empty{background-color:var(--neutral-100)!important;border:2px dashed var(--neutral-300)!important;padding:var(--space-4);min-height:80px}.runnable-drop .template.card{background:var(--template-light)!important;border:2px solid var(--template-color)!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.runnable-drop .template-assigned,.runnable-drop .group-assigned{background:transparent!important;border:none!important;box-shadow:none!important;padding:0}.runnable-drop.drag-over{background-color:var(--primary-100);border-color:var(--primary-500);border-style:solid;color:var(--primary-700);transform:scale(1.02)}.runnable{background:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base);flex-direction:column}.runnable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.runnable-footer{display:flex;justify-content:center;align-items:center;margin-top:var(--section-margin);width:100%}.runnable-button{width:100%;padding:var(--space-3);background-color:var(--action-button-color, var(--cue-color));color:var(--neutral-50);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.runnable-button:hover{background-color:var(--action-button-hover, var(--cue-hover));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.runnable-button:disabled{background-color:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed;transform:none}.runnable.drag-over{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-200)}.modules-header{display:flex;align-items:center;gap:var(--panel-gap);margin-bottom:var(--title-margin)}.new-module-button{position:relative;width:100%;min-height:80px;transition:all var(--transition-base);display:flex;justify-content:center;align-items:center;margin:0;padding:0;flex-shrink:0}.new-module-button .plus-button{font-size:var(--text-2xl);width:60px;height:60px;border-radius:var(--radius-full);background:var(--neutral-900);color:var(--neutral-50);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--transition-base);border:none;box-shadow:var(--shadow-md)}.new-module-button .plus-button:hover{background:var(--neutral-800);transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-lg)}.new-module-button .plus-button:active{transform:translateY(0) scale(1.05);box-shadow:var(--shadow-sm)}.new-module-button.expanded{min-height:200px;flex-shrink:0}.new-module-button.expanded .runnable{width:100%;animation:expandModule .4s ease-out}@keyframes expandModule{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-button{position:absolute;top:var(--space-4);right:var(--space-4);background-color:var(--neutral-100);color:var(--neutral-700);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base)}.modal-close-button:hover{background-color:var(--neutral-200);color:var(--neutral-900)}.runnable.drag-over:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:transparent;border:2px solid var(--primary-500);border-radius:var(--radius-lg);pointer-events:none}.runnable-drop[data-drag-type=template-target].drag-over:before{content:"Drop Template Here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary-700);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;z-index:1;pointer-events:none;background:var(--neutral-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full)}.template-selector-footer{font-size:var(--text-sm);color:var(--neutral-600);text-align:center;margin-top:var(--space-3)}.module-settings{display:flex;flex-direction:row;gap:var(--space-1);padding:var(--space-1);background:var(--neutral-50);border-radius:var(--radius-md);margin-top:var(--space-1)}.module-settings label{display:flex;align-items:center;justify-content:space-between;width:100%;white-space:nowrap;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700)}.delay-range{display:flex;align-items:center;gap:var(--space-2)}.delay-separator{color:var(--neutral-500);font-weight:var(--font-medium);padding:0 var(--space-1)}.no-spinner::-webkit-outer-spin-button,.no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner[type=number]{-moz-appearance:textfield}.resize-handle{position:absolute;background-color:var(--primary-500);transition:all var(--transition-fast);z-index:10;opacity:0}.resize-handle:hover{opacity:1}.resize-handle.horizontal{right:-2px;top:0;width:3px;height:100%;cursor:col-resize}.resize-handle.vertical{bottom:-2px;left:0;height:3px;width:100%;cursor:row-resize}.runnable.running{animation:pulseRunning 1.5s infinite;position:relative;overflow:hidden}.runnable.running:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-500),var(--template-color),var(--cue-color),var(--primary-500));border-radius:var(--radius-lg);opacity:0;animation:runningGlow 1.5s infinite;z-index:-1}@keyframes pulseRunning{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes runningGlow{0%,to{opacity:0}50%{opacity:.3}}.broadcast{height:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--neutral-100)}.broadcast-row{display:flex;align-items:flex-start;gap:var(--space-4);flex:1;min-height:0}.module-input{flex:1;background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;box-shadow:var(--shadow-xs)}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-200)}.module-type-selector{display:flex;gap:var(--space-2)}.type-button{padding:var(--space-2) var(--space-3);background-color:var(--neutral-200);color:var(--neutral-700);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.type-button:hover{background-color:var(--neutral-300);border-color:var(--neutral-400)}.type-button.active{background-color:var(--primary-600);color:var(--neutral-50);border-color:var(--primary-600);font-weight:var(--font-semibold)}.content-area{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);text-transform:uppercase;letter-spacing:.025em}.text-input,.url-input{width:100%;padding:var(--space-3);font-size:var(--text-sm);border:1px solid var(--neutral-400);border-radius:var(--radius-md);background-color:var(--neutral-50);transition:all var(--transition-fast)}.text-input{min-height:120px;resize:vertical;font-family:var(--font-sans);line-height:1.5}.text-input:focus,.url-input:focus{background-color:var(--neutral-50);border-color:var(--accent-color);box-shadow:0 0 0 2px var(--primary-200)}.upload-zone{flex:1;min-height:120px;border:2px dashed var(--neutral-400);border-radius:var(--radius-lg);background-color:var(--neutral-50);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);transition:all var(--transition-fast);cursor:pointer}.upload-zone:hover{border-color:var(--accent-color);background-color:var(--primary-50)}.upload-zone.dragging{border-color:var(--accent-color);background-color:var(--primary-100);border-style:solid}.upload-icon{width:48px;height:48px;opacity:.5}.upload-text{font-size:var(--text-sm);color:var(--neutral-600);text-align:center}.upload-hint{font-size:var(--text-xs);color:var(--neutral-500)}.file-preview{background-color:var(--neutral-100);border:1px solid var(--neutral-300);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.file-info{flex:1}.file-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-900)}.file-size{font-size:var(--text-xs);color:var(--neutral-600)}.remove-file-button{padding:var(--space-1) var(--space-2);background-color:var(--danger-color);color:var(--neutral-50);font-size:var(--text-xs);border-radius:var(--radius-sm)}.url-bar{display:flex;gap:var(--space-2);align-items:center}.url-input{flex:1}.send-url-button{padding:var(--space-3);background-color:var(--action-button-color, var(--cue-color));color:var(--neutral-50);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap}.groups-section{width:300px;background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);overflow-y:auto;box-shadow:var(--shadow-xs)}.groups-header{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-900);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.025em}.broadcast-button{padding:var(--space-3) var(--space-6);background-color:var(--action-button-color, var(--cue-color));color:var(--neutral-50);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-2)}.broadcast-button:hover{background-color:var(--action-button-hover, var(--cue-hover))}.broadcast-button:disabled{background-color:var(--neutral-400);cursor:not-allowed}.broadcast-icon{width:18px;height:18px}.no-group-selected{padding:var(--space-6);text-align:center;color:var(--neutral-500);font-style:italic;font-size:var(--text-sm);background-color:var(--neutral-100);border-radius:var(--radius-md)}.audio-controls{display:flex;flex-direction:column;gap:var(--space-3)}.recording-controls{display:flex;gap:var(--space-2);align-items:center}.record-button,.stop-button,.play-button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-2)}.record-button{background-color:var(--danger-color);color:var(--neutral-50)}.stop-button{background-color:var(--neutral-700);color:var(--neutral-50)}.play-button{background-color:var(--success-color);color:var(--neutral-50)}.recording-status{font-size:var(--text-sm);color:var(--danger-color);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-2)}.recording-dot{width:8px;height:8px;background-color:var(--danger-color);border-radius:50%;animation:pulse 1.5s infinite}.audio-player{background-color:var(--neutral-100);border-radius:var(--radius-md);padding:var(--space-2)}.audio-player audio{width:100%;height:32px}.broadcast-container{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:var(--panel-gap);height:100%;overflow:hidden}.broadcast-left{display:flex;flex-direction:column;overflow:hidden;min-height:0}.broadcast-main{display:grid;grid-template-rows:1.8fr 1fr;gap:var(--panel-gap);overflow:hidden;min-height:0}.broadcast-main-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--panel-gap);overflow:hidden;min-height:0}.broadcast-templates{display:flex;flex-direction:column;min-height:0}.broadcast-templates .section-container{display:flex;flex-direction:column;height:100%;min-height:0;margin-bottom:0}.broadcast-templates .template-list-wrapper{flex:1;overflow-y:auto;min-height:0;padding-bottom:var(--space-1)}.broadcast-detail{display:flex;flex-direction:column;min-height:0}.broadcast-detail .section-container{display:flex;flex-direction:column;height:100%;min-height:0;margin-bottom:0}.broadcast-groups{display:flex;flex-direction:column;min-height:0}.broadcast-groups .section-container{display:flex;flex-direction:column;height:100%;min-height:0;margin-bottom:0}.broadcast-groups .groups-container{flex:1;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;overflow-y:auto;margin-bottom:0;min-height:0}.broadcast-groups .group{padding:var(--space-3)}.broadcast-groups .group-header{padding:var(--space-2) var(--space-3)}.broadcast-groups .user{padding:var(--space-2);font-size:var(--text-sm)}.template-controls{display:flex;align-items:center;gap:var(--space-1)}.template-controls .view-mode-controls{margin-right:var(--space-2)}.templates-panel .template-list-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.templates-panel .view-mode-controls{display:flex;gap:var(--panel-gap);align-items:center;margin-bottom:var(--title-margin);align-self:flex-end}.templates-panel .view-mode-button{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--neutral-700);border:1px solid var(--neutral-400);font-size:var(--text-base);font-weight:var(--font-bold);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.templates-panel .view-mode-button:hover:not(:disabled){background-color:var(--neutral-200)!important;color:var(--neutral-900)!important;border-color:var(--neutral-600)!important;transform:none!important;box-shadow:none!important}.templates-panel .view-mode-button.active{background-color:var(--template-color);color:var(--neutral-50);border-color:var(--template-color)}.templates-panel .view-mode-button.active:hover{background-color:var(--template-color)!important;border-color:var(--template-color)!important;color:var(--neutral-50)!important;transform:none!important;box-shadow:none!important}.templates-panel .templates-list-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);min-height:0}.templates-list{display:flex;flex-direction:column;gap:var(--space-1)}.template-list-item{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--neutral-50);border:1px solid var(--neutral-200)}.template-list-item:hover{transform:translate(4px);background:var(--neutral-50);border-color:var(--neutral-300)}.template-list-item.selected{background:var(--template-light);border-color:var(--template-color);font-weight:var(--font-medium)}.template-list-item .template{margin:0}.template-list-icon{width:20px;height:20px;flex-shrink:0}.template-list-name{flex:1;font-size:var(--text-sm);color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-list-item.selected .template-list-name{color:var(--template-hover)}.templates-panel .templates-list-container.compact{padding:var(--space-2)}.templates-panel .template-container.grid-view.compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.templates-panel .template-container.grid-view.compact .template{min-height:100px;max-height:180px;font-size:var(--text-xs)}.templates-panel .template-container.compact{gap:var(--space-2)}.templates-panel .template-container.compact .template{padding:var(--space-3)}.detail-content{flex:1;overflow-y:auto;min-height:0;padding-bottom:var(--space-2)}.detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--neutral-500);font-style:italic;text-align:center;padding:var(--space-8)}.detail-empty .hint{font-size:var(--text-sm);color:var(--neutral-400);margin-top:var(--space-2)}@media (max-width: 1400px){.broadcast-container{grid-template-columns:25% 75%}}@media (max-width: 1200px){.broadcast-container{grid-template-columns:1fr;gap:var(--panel-gap)}.broadcast-main{grid-template-rows:auto auto 1fr;gap:var(--panel-gap)}.broadcast-main-top{display:block}.broadcast-templates{margin-bottom:var(--section-margin)}}@media (max-width: 768px){.broadcast-container{gap:var(--panel-gap)}.broadcast-detail{display:none}}.template-assigned,.group-assigned{position:relative;width:100%;display:flex;flex-direction:column;background:transparent;border:none;padding:0;margin:0;max-height:35vh;overflow-y:auto}.unassign-button{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--neutral-800);color:var(--neutral-50);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);z-index:10}.unassign-button:hover{background-color:var(--danger-color);transform:scale(1.1)}[data-theme=dark] .unassign-button{background-color:var(--neutral-400)!important;color:var(--neutral-50)!important}[data-theme=dark] .unassign-button:hover{background-color:var(--neutral-50)!important;color:var(--neutral-400)!important}[data-theme=dark] .users-assigned-header{color:var(--neutral-900)!important}.template-selector .template-assigned .template{padding-right:var(--space-8);background:var(--template-light)!important;border:2px solid var(--template-color)!important}.group-assigned{flex:1;display:flex;flex-direction:column;min-height:0}.group-assigned .group{width:100%!important;max-width:100%!important;min-width:100%!important;padding-right:var(--space-8);box-sizing:border-box;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.group-assigned .group .group-members{flex:1;overflow-y:auto;min-height:60px}.group-assigned .group .group-header,.group-assigned .group .group-members,.group-assigned .group .group-footer{width:100%;max-width:100%}.group-assigned .group .group-count.mini,.group-assigned .group-count.mini,.group-assigned .group .group-header .group-count.mini{display:none!important}.template-selector .template.card{background:var(--template-light);border-color:var(--template-color);max-width:100%;width:100%;position:relative}.template-selector .template.card .template-header .template-name input{background:var(--neutral-50);border:1px solid var(--template-color)}.template-selector .template.card .template-header .template-name input:focus{border-color:var(--template-hover);box-shadow:0 0 0 3px var(--template-100)}.template-selector .template.card .template-description input{background:var(--neutral-50);border:1px solid var(--template-color)}.template-selector .template.card .template-description input:focus{border-color:var(--template-hover);box-shadow:0 0 0 3px var(--template-100)}.template-selector .template.card .template-text textarea{background:var(--neutral-50);border:1px solid var(--template-color)}.template-selector .template.card .template-text textarea:focus{border-color:var(--template-hover);box-shadow:0 0 0 3px var(--template-100)}.template-selector .template.card .create-button{background-color:var(--template-color);border-color:var(--template-color)}.template-selector .template.card .create-button:hover{background-color:var(--template-hover);border-color:var(--template-hover)}.template-selector .template.card .clear-form-button,.clear-form-button{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-3);display:flex;align-items:center;justify-content:center;background-color:var(--template-color);color:var(--neutral-50);border:1px solid var(--template-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);z-index:20;opacity:1!important;visibility:visible!important}.template-selector .template.card .clear-form-button:hover,.clear-form-button:hover{background-color:var(--template-hover);color:var(--neutral-50);border-color:var(--template-hover)}.preview-group{width:100%}.preview-users{display:flex;flex-direction:column;gap:var(--space-3)}.preview-users-header{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--neutral-700);padding-bottom:var(--space-2);border-bottom:1px solid var(--neutral-200)}.preview-users-list{display:flex;flex-direction:column;gap:var(--space-2)}.users-assigned{width:100%;display:flex;flex-direction:column;gap:var(--space-2);position:relative;flex:1;min-height:0}.users-assigned-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--user-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--user-hover)}.users-assigned-header .unassign-button{position:relative;top:auto;right:auto;transform:none;width:24px;height:24px;opacity:1}.users-assigned-list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);min-height:60px}.users-assigned-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);align-items:flex-start;background-color:var(--neutral-200);border-radius:var(--radius-md);flex:1;overflow-y:auto}.users-assigned-grid .user-view.mini{flex:0 0 auto;align-self:flex-start}.user-assigned-item{display:inline-flex;position:relative}.user-assigned-item .user{cursor:pointer}.remove-user-button{display:none}.runnable-drop[data-drag-type=group-target].drag-over:before{content:"Drop Group or Users Here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary-700);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;z-index:1;pointer-events:none;background:var(--neutral-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full)}@media (max-width: 1400px){.live-author-right-split{gap:var(--space-3)}.live-author-right-split .template-detail-panel,.live-author-right-split .user-preview-panel{min-height:200px}}@media (max-width: 1200px){.live-author.three-column .live-author-right{display:none}.live-author.three-column{grid-template-columns:1fr 1fr}}.user-assigned-item.dragging{opacity:.5}.users-assigned-list.dragging-multiple .user-assigned-item .user-view.selected{opacity:.5;transform:scale(.95)}.groups-container{flex:1;display:flex;flex-direction:column;background:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs);min-width:0;min-height:0;overflow:hidden}.groups-list-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--panel-gap)}.groups-container .title-container{flex-shrink:0}.groups-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:0 var(--space-2);flex-shrink:0}.groups-filters .filter-group{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.groups-filters .filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);text-transform:uppercase;letter-spacing:.025em}.groups-filters .filter-input{padding:var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:var(--neutral-50);transition:all var(--transition-fast)}.groups-filters .filter-input:focus{border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200);outline:none}.groups-filters .filter-input::placeholder{color:var(--neutral-500)}.filter-input-container{position:relative;display:flex;align-items:center;margin-right:var(--space-2)}.filter-input-compact{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background-color:var(--input-bg);color:var(--text-primary);transition:all var(--transition-fast);width:180px;flex-shrink:0;padding-right:var(--space-8)}.filter-input-compact:focus{border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200);outline:none;width:200px}.filter-input-compact::placeholder{color:var(--text-secondary);font-size:var(--text-base)}.filter-input-compact:hover{border-color:var(--border-hover)}.filter-input-compact.has-content{background-color:var(--primary-50);border-color:var(--primary-400);border-width:2px;color:var(--neutral-900)}[data-theme=dark] .filter-input-compact.has-content{background-color:var(--primary-900);border-color:var(--primary-500);color:var(--neutral-900)}.filter-clear-button{position:absolute;right:6px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;border:none;background-color:var(--neutral-400);color:var(--neutral-50);font-size:12px;font-weight:700;cursor:pointer;display:block;text-align:center;line-height:18px;opacity:1;transition:background-color var(--transition-fast);z-index:1;padding:0;box-sizing:border-box}.filter-clear-button:hover{background-color:var(--danger-color)}.filter-clear-button:active{background-color:var(--danger-hover)}.highlight-match{background-color:var(--primary-200);color:var(--primary-900);padding:1px 2px;border-radius:2px;font-weight:var(--font-medium)}[data-theme=dark] .highlight-match{background-color:var(--primary-600);color:var(--primary-100)}.highlight-wrapper{display:inline}.user-groups-section{display:flex;flex-wrap:wrap;gap:var(--panel-gap);order:1;align-content:flex-start}.default-groups-section{display:flex;flex-wrap:wrap;gap:var(--panel-gap);order:2;align-content:flex-start}.group-header button.collapse-button:hover{background-color:var(--neutral-300);border-color:var(--neutral-500)}.group-members{overflow:hidden;transition:all var(--transition-slow)}.group-members.collapsed{max-height:0!important;opacity:0;margin:0;padding:0}.group-content{transition:all var(--transition-slow)}.group-content.collapsed{display:none}.group-users{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:0;padding:var(--space-1);margin:-var(--space-1)}.group-empty{padding:var(--space-6);text-align:center;color:var(--neutral-500);font-style:italic;font-size:var(--text-sm)}.groups-container.section-container{flex:1;display:flex;flex-direction:column;background:var(--neutral-50);min-width:0;height:100%;overflow:hidden}.groups-container.no-header{background:transparent;border:none;padding:0;box-shadow:none;margin-bottom:0}.groups-container.no-header .groups-list-container{margin-top:0}.groups-container .title-action,.broadcast-groups .title-action{background-color:var(--audience-color)}.groups-container .title-action:hover:not(:disabled),.broadcast-groups .title-action:hover:not(:disabled){background-color:var(--audience-color);opacity:.8}.groups-container .group{padding:var(--space-3)}.groups-container .group-header{padding:var(--space-2) var(--space-3)}.groups-container .user{padding:var(--space-2);font-size:var(--text-sm)}*/ .title-actions{display:flex;gap:var(--space-2);align-items:center}.title-action.secondary{background-color:var(--neutral-200);color:var(--neutral-700);border:1px solid var(--neutral-300);font-size:var(--text-sm);min-width:28px;height:28px;padding:var(--space-1)}.title-action.secondary:hover:not(:disabled){background-color:var(--neutral-300);border-color:var(--neutral-400);opacity:1}[data-theme=dark] .title-action.secondary{background-color:var(--neutral-600);color:var(--neutral-200);border-color:var(--neutral-500)}[data-theme=dark] .title-action.secondary:hover:not(:disabled){background-color:var(--neutral-500);border-color:var(--neutral-400)}.groups-list-container.compact{display:grid;grid-template-columns:1fr 1fr;gap:var(--panel-gap);align-items:start;flex-direction:unset;overflow:hidden;height:100%}.groups-list-container.compact .default-groups-section,.groups-list-container.compact .user-groups-section{display:flex;flex-wrap:wrap;gap:var(--panel-gap);order:2;align-content:flex-start;flex:unset;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%}.groups-list-container.compact .group:not(.collapsed){max-width:100%;width:100%}.group{background-color:var(--group-light);border:1px solid var(--group-200);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);min-height:60px;min-width:200px;max-width:50%}.group:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.group.collapsed{padding:var(--space-2) var(--space-3);height:40px;overflow:hidden;display:flex;align-items:center}.group:not(.collapsed){min-width:25%}.group.collapsed .group-header{width:100%;margin-bottom:0;justify-content:space-between}.group.collapsed .group-name{text-align:left;justify-content:flex-start}.group.default-audience{background-color:var(--audience-color);border:none}.group.default-audience .group-header,.group.default-audience .group-footer{color:#fff}.group.default-performer{background-color:var(--performer-color);border:none}.group.default-performer .group-header,.group.default-performer .group-footer{color:#fff}.group.default-dramaturg{background-color:var(--dramaturg-color);border:none}.group.default-dramaturg .group-header,.group.default-dramaturg .group-footer{color:#fff}.group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.group-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);display:flex;align-items:center;gap:var(--space-2)}.group-name-mini{font-size:var(--text-sm)}.group.collapsed .group-name{font-size:var(--text-base)}.group-members{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1;margin-bottom:var(--space-3);min-height:60px}.group-members.collapsed{display:none}.group-description{margin-top:auto;font-size:var(--text-sm);color:var(--neutral-600);line-height:1.5;flex-shrink:0;margin-bottom:var(--space-3)}.group.collapsed .group-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.group:not(.default-group) .group-description{color:var(--neutral-700)}.group-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--neutral-200);font-size:var(--text-xs)}.group:not(.default-group) .group-footer{border-top-color:var(--neutral-400);color:var(--neutral-900)}.user-view.mini{border:none!important}.group.default-group .group-footer{color:var(--neutral-200)}.group.collapsed .group-footer{margin-top:var(--space-2);padding-top:var(--space-2)}.group-controls-container{display:flex;gap:var(--space-3);width:100%}.group-controls-container input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background-color:var(--neutral-50);color:var(--neutral-900);font-size:var(--text-sm);transition:all var(--transition-fast)}.group-controls-container input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.group-controls-container button{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background-color:var(--primary-600);color:#fff;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.group-controls-container button:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.group[data-drag-type=member-target].drag-over{border-color:var(--user-color);background-color:var(--user-light);box-shadow:0 0 0 3px var(--user-200)}.group[data-drag-type=group-target].drag-over{border-color:var(--group-color);background-color:var(--group-light);box-shadow:0 0 0 3px var(--group-200)}.static-group{width:100%;padding:var(--space-3)}.static-group:not(.mini){min-height:100px}.group.mini{display:flex!important;flex-direction:column!important;max-height:none;padding:var(--space-3)}.group.mini .group-members{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-1);min-height:auto}.group.mini .group-members::-webkit-scrollbar{display:none}.default-groups{margin-bottom:var(--space-6)}.group.card{box-sizing:border-box}.group-count-mini{font-size:var(--text-xs);color:var(--neutral-600)}.group-count-inline{font-size:var(--text-xs);color:var(--group-color);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:100%}.group-name{font-weight:var(--font-bold);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.025em}.group-name-mini{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.group-name-label{font-weight:var(--font-normal);color:var(--neutral-600);text-transform:none;letter-spacing:normal}.group.static-group{cursor:default}.group-header button.collapse-button{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--neutral-200);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);color:var(--neutral-700);flex-shrink:0}.group-header-actions{display:flex;align-items:center;gap:var(--space-2)}.selection-buttons{display:flex;gap:var(--space-1)}.select-button{color:var(--neutral-700);padding:var(--space-1) var(--space-2);background-color:var(--neutral-200);border:1px solid var(--neutral-300);font-size:var(--text-xs)}.select-button:hover{color:var(--neutral-100);background-color:var(--neutral-300);border-color:var(--neutral-500);transform:none;box-shadow:none}.group:focus{outline:none}.group:focus-visible{outline:none}.group.group-filtered{opacity:.5!important;transition:opacity var(--transition-base)}[data-theme=dark] .group.group-filtered{opacity:.5!important}.group:not(.default-group) .select-button:hover{background-color:var(--neutral-700);border-color:var(--neutral-600)}.group:not(.default-group) .collapse-button{background-color:var(--neutral-600);border-color:var(--neutral-500);color:#fff}.collapse-button:hover{background-color:var(--neutral-300);border-color:var(--neutral-500);transform:none;box-shadow:none}.group:not(.default-group) .collapse-button:hover{background-color:var(--neutral-700);border-color:var(--neutral-600)}[data-theme=dark] .group-header button.collapse-button{background-color:var(--neutral-300);border-color:var(--neutral-400);color:var(--neutral-700)}[data-theme=dark] .group:not(.default-group) .collapse-button{background-color:var(--neutral-200);border-color:var(--neutral-300);color:var(--neutral-600)}[data-theme=dark] .collapse-button:hover{background-color:var(--neutral-400);border-color:var(--neutral-500)}[data-theme=dark] .group:not(.default-group) .collapse-button:hover{background-color:var(--neutral-600);color:var(--neutral-100)}.group-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-1)}.group-description-inline{font-size:var(--text-sm);color:var(--neutral-700);margin-bottom:var(--space-1)}.sheet-loader-tab{height:100%;overflow:hidden;overflow-y:auto;padding:var(--space-6);background:var(--neutral-50)}.sheet-loader{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--neutral-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow-y:auto;margin:0;height:100vh;max-height:100vh}.sheet-loader h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900);padding-bottom:var(--space-4);border-bottom:2px solid var(--neutral-100);margin-bottom:var(--space-4)}.sheet-loader form{display:flex;flex-direction:column;gap:var(--space-4);flex:1;overflow-y:auto}.sheet-loader .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.sheet-loader label{font-weight:var(--font-medium);color:var(--neutral-700);font-size:var(--text-sm)}.sheet-loader input[type=text],.sheet-loader textarea{width:100%;padding:var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:var(--neutral-50);font-size:var(--text-base);color:var(--neutral-900);transition:all var(--transition-fast)}.sheet-loader input[type=text]:hover,.sheet-loader textarea:hover{border-color:var(--neutral-400)}.sheet-loader input[type=text]:focus,.sheet-loader textarea:focus{outline:none;border-color:var(--primary-500);background:var(--neutral-50);box-shadow:0 0 0 3px var(--primary-100)}.sheet-loader .checkbox-group{display:flex;align-items:center;gap:var(--space-3)}.sheet-loader input[type=checkbox]{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--neutral-300);cursor:pointer;accent-color:var(--primary-500)}.sheet-loader button{padding:var(--space-3) var(--space-6);background-color:var(--action-button-color, var(--cue-color));color:var(--neutral-50);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);width:fit-content;align-self:flex-start}.sheet-loader button:hover:not(:disabled){background-color:var(--action-button-hover, var(--cue-hover));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sheet-loader button:disabled{background-color:var(--neutral-300);color:var(--neutral-50);cursor:not-allowed;transform:none}.sheet-loader .submit-button{background-color:var(--action-button-color, var(--cue-color));color:var(--neutral-50)}.sheet-loader .cancel-button{background-color:var(--neutral-300);color:var(--neutral-50)}.sheet-loader .file-input-button{border:2px solid var(--neutral-50);background-color:var(--action-button-color, var(--cue-color));color:var(--neutral-50)}.sheet-loader .error-message{color:var(--neutral-50);background-color:var(--danger-color);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);font-weight:var(--font-medium)}.sheet-loader .success-message{color:var(--neutral-50);background-color:var(--success-color);padding:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);font-weight:var(--font-medium)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--neutral-50);border-radius:var(--radius-full);border-top-color:transparent;animation:spin .8s linear infinite;margin-right:var(--space-2)}@media (max-width: 640px){.sheet-loader-tab{padding:var(--space-4)}.sheet-loader{padding:var(--space-4);height:auto;max-height:none}.sheet-loader-content{flex-direction:column;gap:var(--space-4)}.sheet-loader-left{flex:none;border-right:none;border-bottom:1px solid var(--neutral-200);padding-right:0;padding-bottom:var(--space-4)}.sheet-loader-right{flex:none;padding-left:0;padding-top:var(--space-4)}.sheet-loader button{width:100%}.table-container{max-height:500px}}.processed-users{margin-top:0}.processed-users h3,.processed-cues h3{margin:0 0 var(--space-3) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900)}.processed-cues{display:flex;flex-direction:column;gap:var(--space-4)}.processed-users table,.processed-cues table{width:100%;border-collapse:separate;border-spacing:0;margin:0;border:none;border-radius:0;overflow:hidden}.processed-users th,.processed-users td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--neutral-200)}.processed-users th{background-color:var(--neutral-100);font-weight:var(--font-semibold);color:var(--neutral-900);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.processed-users tr:hover{background-color:var(--neutral-50)}.processed-users td[status=created]{color:var(--success-color);font-weight:var(--font-medium)}.processed-users td[status=updated]{color:var(--primary-600);font-weight:var(--font-medium)}.processed-users td.changed-field{background-color:var(--primary-50);color:var(--primary-700);font-weight:var(--font-medium)}.processed-users tr:hover td.changed-field{background-color:var(--primary-100)}.sheet-loader .form-controls{flex-shrink:0;display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--neutral-200)}.table-container{overflow:auto;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-50)}.processed-users tr.created-row{background-color:var(--primary-50)}.processed-users tr.created-row:hover{background-color:var(--primary-100)}.processed-users tr.created-row td{color:var(--primary-700)}.processed-users tr.skipped-row{background-color:var(--danger-color);color:var(--neutral-50)}.processed-users tr.skipped-row:hover{background-color:var(--danger-hover)}.processed-users tr.skipped-row td{color:var(--neutral-50)}.sheet-loader-content{display:flex;gap:var(--space-6);flex:1;min-height:0}.sheet-loader-left{flex:0 0 400px;display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-right:var(--space-4);border-right:1px solid var(--neutral-200)}.sheet-loader-right{flex:1;display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto;padding-left:var(--space-4)}.blackboard-loader{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--neutral-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow-y:auto;margin:0;transition:all var(--transition-base)}.blackboard-loader:hover{box-shadow:var(--shadow-md)}.blackboard-loader-header{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-900);margin-bottom:var(--space-2)}.blackboard-loader-item{padding:var(--space-3);background:var(--neutral-50);border-radius:var(--radius-md);border:1px solid var(--neutral-200);cursor:pointer;transition:all var(--transition-fast)}.blackboard-loader-item:hover{background:var(--neutral-100);border-color:var(--primary-500);transform:translate(4px)}.users-container{height:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-4)}.users{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);overflow-y:auto;max-height:100%;padding:var(--space-2)}.users-filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);padding:0 var(--space-2)}.filter-group{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-700);text-transform:uppercase;letter-spacing:.025em}.filter-input{padding:var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);background-color:var(--neutral-50);transition:all var(--transition-fast)}.filter-input:focus{border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200);outline:none}.filter-input::placeholder{color:var(--neutral-500)}.no-users-message{grid-column:1 / -1;text-align:center;padding:var(--space-8);color:var(--neutral-600);font-style:italic;font-size:var(--text-base);background-color:var(--neutral-50);border:2px dashed var(--neutral-300);border-radius:var(--radius-lg)}.subtitle{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--neutral-700)}.controls{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--neutral-50);border-top:1px solid var(--border-color)}.controls button{padding:var(--space-2) var(--space-4);background-color:var(--neutral-900);color:var(--neutral-50);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-2)}.controls button:hover{background-color:var(--neutral-800);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.controls button:active{transform:translateY(0);box-shadow:none}.controls button:disabled{background-color:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed;transform:none}.qr-code-tab{padding:var(--space-8);text-align:center}.qr-code-container{max-width:400px;margin:0 auto var(--space-6) auto}.qr-code-container canvas{width:100%!important;height:auto!important;max-width:400px}.qr-code-text{font-size:var(--text-base);color:var(--neutral-700);word-break:break-all}.qr-code-text a{color:var(--primary-600);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-fast)}.qr-code-text a:hover{color:var(--primary-700);text-decoration:underline}.theme-toggle{position:relative;background:transparent!important;border:none!important;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;outline:none!important;box-shadow:none!important}.theme-toggle:hover,.theme-toggle:focus,.theme-toggle:focus-visible,.theme-toggle:active{outline:none!important;box-shadow:none!important;background:transparent!important;border:none!important;transform:none!important}.theme-toggle-track{width:48px;height:24px;background-color:var(--neutral-300);border-radius:var(--radius-full);position:relative;transition:all var(--transition-base);border:1px solid var(--neutral-400)}.theme-toggle.dark .theme-toggle-track{background-color:var(--primary-600);border-color:var(--primary-500)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:var(--neutral-50);border-radius:var(--radius-full);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--neutral-600);box-shadow:var(--shadow-sm)}.theme-toggle.dark .theme-toggle-thumb{transform:translate(24px);background-color:var(--neutral-50);color:var(--neutral-700)}.theme-toggle-thumb svg{width:12px;height:12px}.theme-toggle:active .theme-toggle-thumb{transform:scale(.95)}.theme-toggle.dark:active .theme-toggle-thumb{transform:translate(24px) scale(.95)}@media (prefers-reduced-motion: reduce){.theme-toggle-track,.theme-toggle-thumb{transition:none}}.authoring-container{width:100%;height:100vh;display:flex;flex-direction:column;padding:0;margin:0}.authoring-content{display:flex;flex-direction:column;gap:var(--panel-gap);flex:1;overflow-y:auto;padding:var(--space-4)}.authoring-section,.authoring-list{display:flex;flex-direction:column;gap:var(--space-3)}.authoring-item{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);background-color:var(--neutral-50);box-shadow:var(--shadow-xs);position:relative;overflow:hidden;cursor:default!important}.authoring-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-300)}.authoring-group{border:1px solid var(--border-color)}.group.mini:hover{background-color:var(--neutral-100);border-color:var(--group-color)}.group.mini .group-header{padding:0;margin-bottom:var(--space-1)}.group.mini .group-name{font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;flex-direction:column;gap:var(--space-1)}.group.mini .group-name-text{color:var(--text-primary);line-height:1.2}.group.mini .group-type{font-size:var(--text-xs);color:var(--group-color);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em}[data-theme=dark] .group.mini{background-color:var(--neutral-800);border-color:var(--neutral-600)}[data-theme=dark] .group.mini:hover{background-color:var(--neutral-700);border-color:var(--group-color)}.droppable{transition:all var(--transition-base);position:relative}.droppable.drag-over{background-color:var(--primary-50);border:2px dashed var(--primary-600);border-radius:var(--radius-md)}[data-theme=dark] .droppable.drag-over{background-color:var(--primary-900);border-color:var(--primary-400)}.authoring-container .template[draggable=true],.authoring-container .group[draggable=true]{cursor:grab}.authoring-container .template[draggable=true]:active,.authoring-container .group[draggable=true]:active{cursor:grabbing}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.item-name{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--text-primary)}.item-count,.item-type{font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:var(--neutral-200);color:var(--text-secondary)}.item-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.4}.item-details{display:flex;flex-wrap:wrap;gap:var(--space-2)}.item-detail{font-size:var(--text-xs);color:var(--text-muted);background-color:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.performance-item{border-left:4px solid var(--primary-600);background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-25) 100%)}.performance-item:hover{background:linear-gradient(135deg,var(--neutral-100) 0%,var(--primary-50) 100%);border-left-color:var(--primary-700)}.performance-item .item-count{background-color:var(--primary-100);color:var(--primary-800)}.performance-count{background-color:var(--cue-color);color:var(--neutral-50);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block}.item-counts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.item-version{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);background-color:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.item-meta{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background-color:var(--neutral-100);border-radius:var(--radius-sm);display:inline-block}[data-theme=dark] .item-version{background-color:var(--neutral-700);color:var(--text-muted)}[data-theme=dark] .item-meta{color:var(--text-secondary);background-color:var(--neutral-700)}.performance-group{margin-bottom:var(--space-4)}.performance-group-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-3);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.performance-group-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-50);text-shadow:0 1px 2px rgba(0,0,0,.1)}.performance-group-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-100);background-color:#fff3;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3)}.performance-group-items{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-3)}.performance-group-items .performance-item{position:relative}.performance-group-items .performance-item:before{content:"";position:absolute;left:calc(-1 * var(--space-3));top:0;bottom:0;width:2px;background-color:var(--neutral-300)}[data-theme=dark] .performance-group-header{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%)}[data-theme=dark] .performance-group-header:before{background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-400) 50%,var(--primary-500) 100%)}[data-theme=dark] .performance-group-count{background-color:#0000004d;color:var(--primary-200);border-color:#fff3}[data-theme=dark] .performance-group-items .performance-item:before{background-color:var(--neutral-600)}.module-item{border-left:4px solid var(--primary-600)}.module-item .item-type{background-color:var(--primary-100);color:var(--primary-800)}.template-item{border-left:4px solid var(--template-color)}.template-item .item-type{background-color:var(--template-light);color:var(--template-color)}.group-item{border-left:4px solid var(--group-color)}.group-item .item-type{background-color:var(--group-light);color:var(--group-color)}.authoring-item-hover{position:absolute;top:50%;transform:translateY(-50%);right:var(--space-3);display:flex;gap:var(--space-2);align-items:center}.performance-name-clickable{cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-base);border:1px solid transparent}.performance-name-clickable:hover{background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.performance-name-edit{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--text-primary);background-color:var(--neutral-50);border:2px solid var(--primary-600);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);min-width:200px}.performance-name-edit:focus{outline:none;box-shadow:0 0 0 2px var(--primary-200)}.primary-action{background-color:var(--primary-600);color:var(--neutral-50);border:none;font-weight:var(--font-semibold)}.primary-action:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}[data-theme=dark] .performance-name-clickable:hover{background-color:var(--primary-900);border-color:var(--primary-600);color:var(--primary-300)}[data-theme=dark] .performance-name-edit{background-color:var(--neutral-700);border-color:var(--primary-500);color:var(--text-primary)}[data-theme=dark] .performance-name-edit:focus{box-shadow:0 0 0 2px var(--primary-800)}.edit-performance-button{background-color:var(--primary-600);color:var(--neutral-50);border:none}.edit-performance-button:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.delete-performance-button{background-color:var(--danger-color);color:var(--neutral-50);border:none}.delete-performance-button:hover{background-color:var(--danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.performance-item{position:relative}[data-theme=dark] .authoring-item{background-color:var(--neutral-800);border-color:var(--neutral-600)}[data-theme=dark] .authoring-item:hover{border-color:var(--primary-400)}[data-theme=dark] .performance-item:hover{border-left-color:var(--primary-500)}[data-theme=dark] .item-count,[data-theme=dark] .item-type{background-color:var(--neutral-700);color:var(--neutral-300)}[data-theme=dark] .item-detail{background-color:var(--neutral-800);color:var(--neutral-400)}[data-theme=dark] .performance-item .item-count{background-color:var(--primary-200);color:var(--primary-900)}[data-theme=dark] .cue-item .item-count{background-color:var(--cue-light);color:var(--cue-color)}[data-theme=dark] .module-item .item-type{background-color:var(--primary-200);color:var(--primary-900)}[data-theme=dark] .template-item .item-type{background-color:var(--template-light);color:var(--template-color)}[data-theme=dark] .group-item .item-type{background-color:var(--group-light);color:var(--group-color)}.title-actions{display:flex;gap:var(--space-2);align-items:center}.title-with-filter{display:flex;align-items:center;gap:var(--space-4)}.version-filter-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.version-filter-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:relative;display:inline-block;width:40px;height:20px;background-color:var(--neutral-300);border-radius:20px;transition:all var(--transition-base);cursor:pointer}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;top:2px;background-color:var(--neutral-50);border-radius:50%;transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.version-filter-toggle input:checked+.toggle-slider{background-color:var(--primary-600)}.version-filter-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.version-filter-toggle:hover .toggle-slider{background-color:var(--neutral-400)}.version-filter-toggle input:checked:hover+.toggle-slider{background-color:var(--primary-700)}.toggle-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}[data-theme=dark] .toggle-slider{background-color:var(--neutral-600)}[data-theme=dark] .toggle-slider:before{background-color:var(--neutral-200)}[data-theme=dark] .version-filter-toggle:hover .toggle-slider{background-color:var(--neutral-500)}.inline-edit{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm)}[data-theme=dark] .inline-edit:hover,[data-theme=dark] .inline-edit:focus{background-color:var(--neutral-800)}[data-theme=dark] .inline-edit:focus{box-shadow:0 0 0 2px var(--primary-800)}.item-name.inline-edit{font-weight:var(--font-semibold);font-size:var(--text-base)}.item-description.inline-edit{font-size:var(--text-sm);color:var(--text-secondary);resize:vertical;min-height:2.5rem;line-height:1.4}.delete-button{background:none;border:none;color:var(--neutral-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all var(--transition-base);margin-left:auto}.delete-button:hover{color:var(--red-600);background-color:var(--red-50)}[data-theme=dark] .delete-button:hover{background-color:var(--red-900);color:var(--red-400)}.cue-item{background:var(--cue-light);border:none;border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.cue-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.cue-item .item-name{color:var(--neutral-900);font-weight:var(--font-semibold);font-size:var(--text-base)}.cue-item .item-count{background-color:var(--cue-color);color:var(--neutral-50);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.cue-item .item-description{color:var(--neutral-600);font-size:var(--text-sm);margin-top:var(--space-1)}.authoring-cue-modules{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-2)}.module-item{background-color:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--transition-base)}.module-item:hover{background-color:var(--neutral-100)}.module-item.drag-over{background-color:var(--primary-50);border-color:var(--primary-600);border-style:dashed}[data-theme=dark] .module-item{background-color:var(--neutral-800);border-color:var(--neutral-600)}[data-theme=dark] .module-item:hover{background-color:var(--neutral-700)}[data-theme=dark] .module-item.drag-over{background-color:var(--primary-900);border-color:var(--primary-400)}.module-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.module-assignment-section{flex:1;display:flex;flex-direction:row;gap:var(--space-3)}.module-template-section,.module-group-section{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.module-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.module-section-label.template-label{color:var(--template-color)}.module-section-label.group-label{color:var(--group-color)}.module-template,.module-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--neutral-100);border:1px solid var(--border-color);transition:all var(--transition-base)}.module-template{border-left:3px solid var(--template-color);background-color:var(--template-light)}.module-group{border-left:3px solid var(--group-color);background-color:var(--group-light)}.module-select{padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--neutral-50);font-size:var(--text-sm);transition:all var(--transition-base);cursor:pointer}.module-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.template-select{border-color:var(--template-color);background-color:var(--template-light)}.template-select:focus{border-color:var(--template-color);box-shadow:0 0 0 2px var(--template-light)}.group-select{border-color:var(--group-color);background-color:var(--group-light)}.group-select:focus{border-color:var(--group-color);box-shadow:0 0 0 2px var(--group-light)}.module-drop-zone{min-height:2rem;display:flex;align-items:center;padding:var(--space-1);border:1px dashed var(--border-color);border-radius:var(--radius-sm);background-color:var(--neutral-50);transition:all var(--transition-base)}.template-drop{border-color:var(--template-color);background-color:rgba(var(--template-color-rgb),.05)}.group-drop{border-color:var(--group-color);background-color:rgba(var(--group-color-rgb),.05)}.module-drop-zone.drag-over{border-style:solid;background-color:var(--primary-50);border-color:var(--primary-600)}[data-theme=dark] .module-template,[data-theme=dark] .module-group{background-color:var(--neutral-800);border-color:var(--neutral-600)}[data-theme=dark] .module-template{background-color:rgba(var(--template-color-rgb),.1)}[data-theme=dark] .module-group{background-color:rgba(var(--group-color-rgb),.1)}[data-theme=dark] .module-select{background-color:var(--neutral-700);border-color:var(--neutral-600);color:var(--text-primary)}[data-theme=dark] .template-select{background-color:rgba(var(--template-color-rgb),.15);border-color:var(--template-color)}[data-theme=dark] .group-select{background-color:rgba(var(--group-color-rgb),.15);border-color:var(--group-color)}[data-theme=dark] .module-drop-zone{background-color:var(--neutral-700);border-color:var(--neutral-500)}[data-theme=dark] .template-drop{background-color:rgba(var(--template-color-rgb),.1);border-color:var(--template-color)}[data-theme=dark] .group-drop{background-color:rgba(var(--group-color-rgb),.1);border-color:var(--group-color)}.module-template-name,.module-group-name{font-weight:var(--font-medium);color:var(--text-primary)}.module-empty{color:var(--text-muted);font-style:italic;font-size:var(--text-sm)}.module-missing{color:var(--red-600);font-style:italic;font-size:var(--text-sm);font-weight:var(--font-medium)}[data-theme=dark] .module-missing{color:var(--red-400)}.module-delays{display:flex;gap:var(--space-4);align-items:center}.module-delays label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.delay-input{width:80px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm)}.delay-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}[data-theme=dark] .delay-input{background-color:var(--neutral-800);border-color:var(--neutral-600);color:var(--text-primary)}[data-theme=dark] .delay-input:focus{box-shadow:0 0 0 2px var(--primary-800)}.add-module-button{background-color:var(--neutral-100);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-medium)}.add-module-button:hover{background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}[data-theme=dark] .add-module-button{background-color:var(--neutral-800);border-color:var(--neutral-600);color:var(--text-secondary)}[data-theme=dark] .add-module-button:hover{background-color:var(--primary-900);border-color:var(--primary-600);color:var(--primary-300)}.template-item-wrapper{position:relative;display:inline-block}.template-delete{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;background-color:var(--danger-color);color:var(--neutral-50);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;opacity:.8;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.template-item-wrapper:hover .template-delete{opacity:1}.template-delete:hover{background-color:var(--danger-hover);transform:scale(1.1)}.title-edit{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);background:transparent;border:none;padding:var(--space-1) 0;transition:all var(--transition-base);width:100%;min-width:300px}.title-edit:hover{background-color:transparent}.title-edit:focus{background-color:transparent;outline:none;border-bottom:2px solid var(--primary-600)}[data-theme=dark] .title-edit:hover{background-color:transparent}[data-theme=dark] .title-edit:focus{background-color:transparent}.title-section{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.performance-version{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);background-color:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;align-self:flex-start;margin-top:var(--space-1)}[data-theme=dark] .performance-version{background-color:var(--neutral-700);color:var(--text-muted)}.description-edit{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;padding:var(--space-1) 0;transition:all var(--transition-base);width:100%;resize:vertical;min-height:40px;line-height:1.4}.description-edit:hover{background-color:transparent}.description-edit:focus{background-color:transparent;outline:none;border-bottom:2px solid var(--primary-600)}.description-edit::placeholder{color:var(--text-muted);font-style:italic}[data-theme=dark] .description-edit:hover{background-color:transparent}[data-theme=dark] .description-edit:focus{background-color:transparent}.performance-meta{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;margin-top:var(--space-1)}.three-column-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--panel-gap);height:100%;overflow:hidden}.column{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--neutral-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.column .authoring-section{display:flex;flex-direction:column;height:100%;padding:var(--space-4);min-height:0}.column .title-container{flex-shrink:0;margin-bottom:var(--space-3)}.title-container:not(.column .title-container){padding:10px}.authoring-cues-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:calc(var(--panel-gap) + 8px);padding-top:5px;padding-bottom:var(--space-2);min-height:0}.authoring-cue{display:flex;flex-direction:column;background:var(--cue-light);border:2px solid var(--cue-color);border-radius:var(--radius-md);padding:calc(var(--space-3) - .5px);color:var(--neutral-900);transition:all var(--transition-base);position:relative;box-shadow:var(--shadow-sm)}.authoring-cue:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--neutral-50);border-color:var(--cue-hover)}.authoring-cue-content{flex:1;display:flex;flex-direction:column;padding-right:var(--space-6)}.authoring-cue-number{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--cue-color);margin-bottom:var(--space-1)}.authoring-cue-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-900);word-break:break-word;margin-bottom:var(--space-1);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-1);transition:all var(--transition-base)}.authoring-cue-name:hover{border-color:var(--border-color);background-color:var(--neutral-100)}.authoring-cue-name:focus{border-color:var(--primary-600);background-color:var(--neutral-100);box-shadow:0 0 0 2px var(--primary-200);outline:none}.authoring-cue-description{font-size:var(--text-xs);color:var(--neutral-600);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-1);transition:all var(--transition-base);resize:vertical;min-height:40px}.authoring-cue-description:hover{border-color:var(--border-color);background-color:var(--neutral-100)}.authoring-cue-description:focus{border-color:var(--primary-600);background-color:var(--neutral-100);box-shadow:0 0 0 2px var(--primary-200);outline:none}.authoring-cue-module-count{font-size:var(--text-xs);color:var(--neutral-500);margin-top:var(--space-1)}.authoring-cue-action-area{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}.authoring-cue-delete{width:24px;height:24px;border-radius:50%;background-color:var(--danger-color);color:var(--neutral-50);border:none;font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;opacity:.8;box-shadow:var(--shadow-sm)}.authoring-cue-delete:hover{opacity:1;background-color:var(--danger-hover);transform:scale(1.1)}.authoring-cue:hover .authoring-cue-delete{opacity:1}.groups-container-authoring{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:calc(var(--panel-gap) + 4px);min-height:0}.authoring-group{background-color:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-base);position:relative;display:flex;flex-direction:column;border:1px solid var(--neutral-300);box-shadow:var(--shadow-xs);cursor:grab}.authoring-group:hover{background-color:var(--neutral-100);border-color:var(--group-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.authoring-group:active{cursor:grabbing}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2);position:relative}.group-header .delete-button{width:22px;height:22px;border-radius:50%;background-color:var(--danger-color);color:var(--neutral-50);border:none;font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;opacity:.7;box-shadow:var(--shadow-xs);flex-shrink:0}.group-header .delete-button:hover{opacity:1;background-color:var(--danger-hover);transform:scale(1.1)}.authoring-group:hover .group-header .delete-button{opacity:.9}.group-name{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.group-name-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-1);transition:all var(--transition-base);line-height:1.3}.group-name-text:hover{border-color:var(--neutral-300);background-color:var(--neutral-100)}.group-name-text:focus{border-color:var(--primary-600);background-color:var(--neutral-100);box-shadow:0 0 0 2px var(--primary-200);outline:none}.group-type{font-size:var(--text-xs);color:var(--group-color);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em;opacity:.8}.group-description{font-size:var(--text-xs);color:var(--neutral-600);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-1);transition:all var(--transition-base);resize:vertical;min-height:40px}.group-description:hover{border-color:var(--border-color);background-color:var(--neutral-100)}.group-description:focus{border-color:var(--primary-600);background-color:var(--neutral-100);box-shadow:0 0 0 2px var(--primary-200);outline:none}[data-theme=dark] .authoring-group{background-color:var(--neutral-800);border-color:var(--neutral-600)}[data-theme=dark] .authoring-group:hover{background-color:var(--neutral-700);border-color:var(--group-color)}[data-theme=dark] .authoring-cue{background:var(--neutral-800);color:var(--neutral-100);border-color:var(--cue-color)}[data-theme=dark] .authoring-cue:hover{background:var(--neutral-700);border-color:var(--cue-hover)}[data-theme=dark] .authoring-cue-name:hover,[data-theme=dark] .authoring-cue-description:hover,[data-theme=dark] .group-name-text:hover,[data-theme=dark] .group-description:hover{background-color:var(--neutral-700)}[data-theme=dark] .authoring-cue-name:focus,[data-theme=dark] .authoring-cue-description:focus,[data-theme=dark] .group-name-text:focus,[data-theme=dark] .group-description:focus{background-color:var(--neutral-700)}.authoring-cues-list,.groups-container-authoring,.template-container.list-view,.templates-column .template-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.template-form-wrapper{background-color:var(--template-light);border:2px solid var(--template-color);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);position:relative}.authoring-container .template-form-wrapper .template.card{background:transparent;border:none;box-shadow:none;margin:0;padding:0}.cancel-template-form{position:absolute;top:var(--space-2);right:var(--space-2);background-color:var(--danger-color);color:var(--neutral-50);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);opacity:.8;box-shadow:var(--shadow-sm)}.cancel-template-form:hover{opacity:1;background-color:var(--danger-hover);transform:scale(1.1)}[data-theme=dark] .template-form-wrapper{background-color:var(--neutral-800);border-color:var(--template-color)}.templates-column .template-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.template-editor-wrapper{background-color:var(--template-light);border:2px solid var(--template-color);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.template-editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:var(--template-color);color:var(--neutral-50);font-weight:var(--font-semibold);font-size:var(--text-sm)}.close-editor-button{background:none;border:none;color:var(--neutral-50);cursor:pointer;padding:var(--space-1);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);transition:all var(--transition-base);opacity:.8}.close-editor-button:hover{opacity:1;background-color:#fff3}.authoring-container .template-editor-wrapper .template.card{background:transparent;border:none;box-shadow:none;margin:0}.template-delete-editor{background-color:var(--danger-color);color:var(--neutral-50);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);margin:var(--space-3);margin-top:0}.template-delete-editor:hover{background-color:var(--danger-hover)}.template-list-container{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.templates-column .title-actions{display:flex;gap:var(--space-2);align-items:center}[data-theme=dark] .template-editor-wrapper{background-color:var(--neutral-800);border-color:var(--template-color)}[data-theme=dark] .template-editor-header{background-color:var(--template-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--neutral-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;overflow:hidden;transform:scale(.95);animation:modalAppear .2s ease-out forwards}@keyframes modalAppear{to{transform:scale(1)}}.modal-body{padding:var(--space-4);text-align:center}.modal-body p{margin:0;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.modal-actions{padding:var(--space-4);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-3)}.modal-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent}.modal-button-cancel{background-color:var(--neutral-200);color:var(--text-secondary);border-color:var(--neutral-300)}.modal-button-cancel:hover{background-color:var(--neutral-300);color:var(--text-primary)}.modal-button-danger{background-color:var(--danger-color);color:var(--neutral-50)}.modal-button-danger:hover{background-color:var(--danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}[data-theme=dark] .modal-content{background-color:var(--neutral-800)}[data-theme=dark] .modal-body p{color:var(--text-primary)}[data-theme=dark] .modal-actions{border-top-color:var(--neutral-600)}[data-theme=dark] .modal-button-cancel{background-color:var(--neutral-600);color:var(--text-secondary);border-color:var(--neutral-500)}[data-theme=dark] .modal-button-cancel:hover{background-color:var(--neutral-500);color:var(--text-primary)}.error-notification{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:1000;max-width:600px;width:calc(100% - var(--space-8))}.error-message{background-color:var(--danger-color);color:var(--neutral-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.error-text{flex:1;font-weight:var(--font-medium);line-height:1.4}.error-dismiss{background:none;border:none;color:var(--neutral-50);cursor:pointer;padding:var(--space-1);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);transition:all var(--transition-base);opacity:.8;flex-shrink:0}.error-dismiss:hover{opacity:1;background-color:#fff3;transform:scale(1.1)}