@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-arabic-400-normal-B6c_9tGI.woff2) format("woff2"),url(/assets/rubik-arabic-400-normal-Dci85dQr.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-ext-400-normal-D-KNTwvG.woff2) format("woff2"),url(/assets/rubik-cyrillic-ext-400-normal-CTkTGo13.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-400-normal-C5G8_8ug.woff2) format("woff2"),url(/assets/rubik-cyrillic-400-normal-D5R8xuhl.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-hebrew-400-normal-Dp0lvSRB.woff2) format("woff2"),url(/assets/rubik-hebrew-400-normal-BQDoxs6C.woff) format("woff");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-ext-400-normal-BtzQ7olK.woff2) format("woff2"),url(/assets/rubik-latin-ext-400-normal-E7wwwcV8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-j0pmKyiQ.woff2) format("woff2"),url(/assets/rubik-latin-400-normal-BV1Ho3GG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--malachite: #00D744;--cyan: #00CEFF;--bush: #08231B;--charade: #282831;--gray: #E9E9E9;--white: #ffffff;--text-primary: #e6edf5;--text-secondary: #93a1b5;--text-muted: #6b7a8f;--border-subtle: rgba(255, 255, 255, .08);--border-blue: #2b5a96;--panel-header-gradient: linear-gradient(90deg, #0f2145 0%, #0c1a2b 100%);--row-bg: rgba(255, 255, 255, .025);--color-green: #00D744;--color-cyan: #00CEFF;--color-bush: #08231B;--color-charade: #282831;--color-grad: linear-gradient(135deg, #00D744, #00CEFF);--color-grad-start: #00D744;--color-grad-end: #00CEFF;--color-bg: #0A1628;--color-surface: #111c30;--color-surface-raised: rgba(17, 28, 48, .9);--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .55);--color-text-subtle: rgba(255, 255, 255, .35);--color-border: rgba(255, 255, 255, .09);--color-border-subtle: rgba(255, 255, 255, .06);--color-overlay: rgba(0, 0, 0, .5);--color-primary: #2E7BF6;--color-primary-hover: #3d88ff;--sidebar-w: 240px;--nav-bg: linear-gradient(180deg, rgba(7,14,30,.85), rgba(7,14,30,.55) 70%, transparent);--nav-bg-scrolled: rgba(7, 14, 30, .95);--nav-border-scrolled: rgba(255, 255, 255, .07);--searchbar-bg: rgba(255, 255, 255, .06);--searchbar-bg-focus: rgba(255, 255, 255, .09);--tile-bg: #111c30;--toast-bg: #111c30;--sidebar-bg: linear-gradient(180deg, rgba(10,20,40,.85), rgba(7,14,30,.5));--shadow-tile-hover: 0 20px 40px rgba(0, 0, 0, .6);--shadow-card: 0 12px 30px rgba(0, 0, 0, .35);--shadow-toast: 0 16px 40px rgba(0, 0, 0, .5);font-family:Rubik,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;min-width:320px;min-height:100vh;height:100vh;overflow:hidden;color:var(--color-text);background:radial-gradient(1200px 700px at 12% -10%,rgba(46,123,246,.22),transparent 60%),radial-gradient(900px 600px at 95% 0%,rgba(247,185,85,.08),transparent 60%),linear-gradient(180deg,#070e1e,#060b18);background-attachment:fixed;background-color:#060b18}a{font-weight:500;color:var(--color-cyan);text-decoration:none}a:hover{color:#6fa6ff;text-decoration:underline}h1{font-family:Rubik,Arial,sans-serif;font-size:2em;line-height:1.1;color:var(--color-text);margin:0}h2,h3,h4,h5,h6{font-family:Rubik,Arial,sans-serif;color:var(--color-text);margin:0}p{margin:0}button{font-family:Rubik,Arial,sans-serif;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--color-green)}button:focus,button:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}input,textarea,select{font-family:Rubik,Arial,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background-color:#00d74433;color:var(--color-text)}.home-container{max-width:1100px;min-width:260px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(12px,2vw,20px);position:relative}.welcome-section{text-align:center;margin-bottom:clamp(24px,4vw,48px)}.welcome-title{font-family:Rubik,Arial,sans-serif;font-size:clamp(28px,4.2vw,52px);font-weight:700;letter-spacing:-1.2px;color:var(--color-text);margin:0 0 14px}.welcome-subtitle{font-family:Rubik,Arial,sans-serif;font-size:clamp(13px,1.4vw,18px);color:var(--color-text-muted);margin:0}.upload-area{position:relative;background:radial-gradient(900px 400px at 15% -10%,rgba(46,123,246,.16),transparent 60%),radial-gradient(700px 380px at 100% 100%,rgba(46,123,246,.07),transparent 60%),linear-gradient(160deg,#2828318c,#111c3066);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(46,123,246,.14);border-radius:20px;padding:clamp(24px,5vw,64px) clamp(16px,3vw,40px);text-align:center;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0d;overflow:hidden;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.upload-area:hover{border-color:#2e7bf64d;box-shadow:0 24px 70px #00000080,0 0 50px #2e7bf61f,inset 0 1px #ffffff12}.drop-zone{padding:clamp(20px,4vw,48px) clamp(12px,3vw,40px);border:2px dashed rgba(46,123,246,.22);border-radius:16px;transition:all .3s ease;cursor:pointer}.drop-zone:hover{background-color:#2e7bf60a;border-color:#6fa6ff73}.drop-zone.dragging{background-color:#2e7bf612;border-color:#2e7bf6}.drop-zone.has-file{background-color:#ffffff0a;border-style:solid;border-color:#ffffff14}.drop-zone-icon{margin:0 auto clamp(12px,2vw,20px);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 18px rgba(46,123,246,.35));transition:filter .3s ease}.drop-zone:hover .drop-zone-icon{filter:drop-shadow(0 0 26px rgba(46,123,246,.5))}.drop-zone-icon svg{font-size:clamp(36px,5vw,56px)!important}.drop-zone-title{font-family:Rubik,Arial,sans-serif;font-size:clamp(16px,2vw,22px);font-weight:600;letter-spacing:-.2px;color:var(--color-text);margin:0 0 10px}.drop-zone-subtitle{font-family:Rubik,Arial,sans-serif;font-size:clamp(12px,1.3vw,15px);color:var(--color-text-muted);margin:0 0 clamp(16px,2.5vw,28px) 0}.choose-files-btn{background:linear-gradient(180deg,#4a96ff,#2e7bf6);color:#fff;border:1px solid rgba(255,255,255,.15);padding:clamp(10px,1.4vw,14px) clamp(24px,4vw,40px);font-family:Rubik,Arial,sans-serif;font-size:clamp(13px,1.2vw,15px);font-weight:600;border-radius:10px;cursor:pointer;box-shadow:0 8px 24px #2e7bf673,inset 0 1px #ffffff40;transition:all .2s ease}.choose-files-btn:hover{filter:brightness(1.08);box-shadow:0 10px 32px #2e7bf699,inset 0 1px #ffffff4d;transform:translateY(-2px)}.selected-file-info{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(160deg,#28283199,#111c3066);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.09);border-radius:8px}.file-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0;overflow:hidden}.file-name{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.file-size{font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text-muted)}.file-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:12px}.upload-now-btn{background-color:#aaccff1f;color:#acf;border:1px solid rgba(170,204,255,.3);padding:7px 14px;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.upload-now-btn:hover:not(:disabled){background-color:#acf3;border-color:#aaccff73}.upload-now-btn:disabled{opacity:.6;cursor:not-allowed}.remove-file-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--color-text-muted);transition:color .2s ease}.remove-file-btn:hover{color:var(--color-text)}.url-input-container{margin-top:20px;position:relative}.url-input{width:100%;padding:14px 80px 14px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--color-border);border-radius:8px;background-color:#ffffff0a;color:var(--color-text);transition:border-color .2s ease;box-sizing:border-box}.url-input:focus{outline:none;border-color:var(--color-green)}.url-input::placeholder{color:var(--color-text-subtle)}.url-clear-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;padding:4px 8px}.url-clear-btn:hover{color:var(--color-green)}.upload-disclaimer{font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--color-text-muted);margin-top:24px;margin-bottom:0;text-align:center}.settings-toggle{display:block;margin:24px auto;background:none;border:1px solid var(--color-border);padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text-muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-toggle:hover{border-color:var(--color-green);color:var(--color-green)}.settings-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-top:16px}.settings-section{margin-bottom:0}.settings-title{font-family:Rubik,Arial,sans-serif;font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 20px}.settings-row{display:flex;gap:20px;margin-bottom:16px}.settings-row:last-child{margin-bottom:0}.settings-field{flex:1}.settings-field label{display:block;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:6px}.settings-field input[type=text],.settings-field input[type=email]{width:100%;padding:10px 14px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--color-border);border-radius:6px;background-color:#ffffff0a;color:var(--color-text);box-sizing:border-box}.settings-field input:focus{outline:none;border-color:var(--color-green)}.settings-field small{display:block;font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text-muted);margin-top:4px}.checkbox-field{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-green);cursor:pointer}.video-preview-container{margin-top:24px;display:flex;justify-content:center}.video-preview-wrapper{position:relative;max-width:200px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-card)}.video-preview-close{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#0009;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--white);z-index:10;transition:background-color .2s ease;padding:0}.video-preview-close:hover{background-color:#000c}.video-preview-close svg{width:14px;height:14px}.video-preview{width:100%;display:block}.upload-progress-container{background-color:#00d74414;border:1px solid rgba(0,215,68,.25);border-radius:12px;padding:20px;margin-top:24px}.progress-header{display:flex;justify-content:space-between;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text);margin-bottom:12px}.progress-bar-container{height:8px;background-color:#00d74433;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--color-green);border-radius:4px;transition:width .3s ease}.progress-details{font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text-muted);margin-top:8px}.status-message{padding:16px 20px;border-radius:8px;font-family:Rubik,Arial,sans-serif;font-size:14px;margin-top:24px}.status-message.success{background-color:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-message.info{background-color:#00ceff1a;color:var(--color-cyan);border:1px solid rgba(0,206,255,.25)}.status-message.error{background-color:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.error-alert{background-color:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:12px;padding:20px;margin-top:24px}.error-alert h4{font-family:Rubik,Arial,sans-serif;font-size:16px;font-weight:600;color:#fca5a5;margin:0 0 12px}.error-alert p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#fca5a5;margin:0 0 8px}.error-tip{font-size:13px;opacity:.9}.dismiss-btn{background:none;border:1px solid #ef4444;color:#fca5a5;padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:13px;border-radius:6px;cursor:pointer;margin-top:8px;transition:all .2s ease}.dismiss-btn:hover{background-color:#ef4444;color:var(--color-text)}.orchestration-info,.orchestration-status{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-top:24px;text-align:left}.orchestration-info h4,.orchestration-status h4{font-family:Rubik,Arial,sans-serif;font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 16px}.orchestration-info p,.orchestration-status p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text-muted);margin:0 0 8px}.orchestration-info a{color:var(--color-green);word-break:break-all}.check-status-btn{background-color:var(--color-primary);color:var(--color-text);border:none;padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;border-radius:6px;cursor:pointer;margin-top:12px;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease}.check-status-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.check-status-btn:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-block;background-color:var(--color-cyan);color:var(--color-bush);padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500}.output-section{margin-top:16px}.output-section h5{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 8px}.output-section pre{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;font-size:12px;overflow-x:auto;max-height:200px}.proceed-btn{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background-color:var(--malachite);color:var(--white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00d74466;transition:all .3s ease;z-index:100}.proceed-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 24px #00d74480}.proceed-btn:disabled{background-color:#ffffff1f;cursor:not-allowed;box-shadow:none}.proceed-btn.active:not(:disabled){animation:pulse-btn 2s infinite}@keyframes pulse-btn{0%,to{box-shadow:0 4px 20px #00d74466}50%{box-shadow:0 4px 30px #00d74499}}.spinner{width:20px;height:20px;border:2px solid var(--white);border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.settings-field input.input-warning{border-color:#ffb400;background-color:#ffb4000f}.settings-field input.input-warning:focus{border-color:#ffb400;box-shadow:0 0 0 2px #ffb40033}.validation-warning{color:#ffb400!important;font-weight:500}.project-id-hint{font-family:Courier New,monospace;color:var(--color-text-muted)}@media(max-width:768px){.home-container{padding:24px 16px}.welcome-title{font-size:24px}.upload-area{padding:20px 16px}.drop-zone{padding:20px 12px}.drop-zone-buttons{display:flex;justify-content:center}.choose-files-btn{max-width:100%;box-sizing:border-box}.selected-file-info{padding:12px}.file-actions{gap:8px;margin-left:8px}.remove-file-btn{padding:4px}.settings-row{flex-direction:column;gap:16px}.proceed-btn{bottom:24px;right:24px}}@media(max-width:480px){.upload-area{padding:16px 12px}.drop-zone{padding:16px 8px}.selected-file-info{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.file-details{width:100%}.file-actions{margin-left:0;justify-content:flex-end}}.settings-info-bar{display:flex;align-items:center;gap:12px;background:#ffb40014;border:1px solid rgba(255,180,0,.25);border-radius:12px;padding:12px 16px;margin-top:24px}.settings-info-icon{font-size:20px}.settings-info-text{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#ffb400}.settings-info-text strong{font-weight:600}.settings-summary{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 24px;margin-top:24px}.settings-summary-item{font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--color-text)}.settings-summary-item strong{color:var(--color-text-muted);font-weight:500;margin-right:6px}.icp-root{position:relative;--bg: #10243b;--border: rgba(255, 255, 255, .12);--accent: #00CEFF;--text: #93a1b5;--text-h: #e6edf5;--shadow: 0 18px 44px rgb(0 0 0 / .55)}.icp-field{display:grid;gap:8px}.icp-field-label{font-size:12px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.icp-trigger-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center}.icp-hex-input{width:100%;padding:11px 12px;font-size:14px;font-family:Rubik,Arial,sans-serif;letter-spacing:.02em;color:var(--text-h);background-color:#ffffff0d;border:1px solid var(--border);border-radius:8px;box-sizing:border-box}.icp-hex-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #00ceff38}.icp-lens{width:46px;height:46px;padding:0;border:3px solid transparent;border-radius:14px;background-clip:padding-box;position:relative;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.icp-lens:before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:16px;background:conic-gradient(from 210deg,#ff5c38,gold,#34c759,#00c7be,#3ea6ff,#7c5cff,#ff2d55,#ff5c38);opacity:.85}.icp-lens:hover{transform:scale(1.06);box-shadow:0 6px 18px #00000052}.icp-lens-open{transform:scale(1.06)}.icp-pop{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(280px,88vw);max-height:min(60vh,480px);overflow-y:auto;padding:14px;display:grid;gap:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg);box-shadow:var(--shadow);animation:icp-pop-in .15s ease}.icp-pop-up{top:auto;bottom:calc(100% + 8px)}@keyframes icp-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.icp-stage{display:grid;gap:8px;justify-items:center;padding:14px 10px 12px;border-radius:11px;background:radial-gradient(circle at 28% 18%,rgb(255 255 255 / .16),transparent 42%),linear-gradient(132deg,#2b3d54,#17202e 46%,#3d2b54)}.icp-stage-caption{font-size:18px;font-weight:800;letter-spacing:.01em;text-shadow:0 2px 6px rgb(0 0 0 / .55)}.icp-stage-transparent{color:#cbd5e1;font-size:14px;font-weight:700;font-style:italic}.icp-contrast{display:flex;gap:8px}.icp-pill-ok,.icp-pill-low{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}.icp-pill-ok{color:#bbf7d0;background:#1665348c}.icp-pill-low{color:#fecaca;background:#991b1b8c}.icp-section{display:grid;gap:8px}.icp-section-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}.icp-row{display:flex;flex-wrap:wrap;gap:6px}.icp-mixer-toggle{justify-self:start;padding:7px 14px;border:1px dashed var(--border);border-radius:999px;background:transparent;color:var(--text);font-size:12px;font-weight:800;cursor:pointer;transition:border-color .12s ease,color .12s ease}.icp-mixer-toggle:hover{border-color:var(--accent);color:var(--accent)}.icp-hue{appearance:none;-webkit-appearance:none;width:100%;height:14px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.icp-hue::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;border:3px solid #fff;background:transparent;box-shadow:0 1px 5px #00000073;cursor:grab}.icp-hue::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:3px solid #fff;background:transparent;box-shadow:0 1px 5px #00000073;cursor:grab}.icp-ramp{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.icp-swatch{position:relative;padding:0;border:1px solid rgb(255 255 255 / .14);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.icp-swatch-md{width:34px;height:34px;border-radius:10px}.icp-swatch-sm{width:28px;height:28px;border-radius:9px}.icp-swatch-ramp{flex:1 1 0;height:26px;border:0;border-radius:0}.icp-swatch:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 5px 12px #00000059;z-index:1}.icp-swatch-ramp:hover{transform:scaleY(1.18)}.icp-swatch-selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent);z-index:1}.icp-swatch-selected:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900;text-shadow:0 1px 3px rgb(0 0 0 / .85)}.icp-harmony{display:inline-flex}.icp-footer{display:flex;gap:8px;flex-wrap:wrap}.icp-chip{padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--text-h);font-size:12px;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.icp-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000047}.icp-chip-selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.icp-checker{background:linear-gradient(45deg,#d1d5db 25%,transparent 25%),linear-gradient(-45deg,#d1d5db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d1d5db 75%),linear-gradient(-45deg,transparent 75%,#d1d5db 75%);background-color:#fff;background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}@media(max-width:520px){.icp-pop{width:min(260px,92vw)}}.cs-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.cs-modal{background-color:#0e1c2e;border:1px solid var(--border-blue);border-radius:14px;box-shadow:0 16px 50px #000000a6;width:min(960px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;font-family:Rubik,Arial,sans-serif;color:var(--text-primary)}.cs-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-subtle);background:var(--panel-header-gradient)}.cs-header-title{display:flex;align-items:center;gap:16px}.cs-header-title h3{font-size:18px;font-weight:600;margin:0}.cs-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 12px;border-radius:999px;-webkit-user-select:none;user-select:none;border:1px solid transparent}.cs-status-pill.on{color:var(--malachite);background:#00d6441f;border-color:#00d64459}.cs-status-pill.off{color:var(--text-secondary);background:#ffffff0d;border-color:var(--border-subtle)}.cs-status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.cs-close{background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.cs-close:hover{background:#ffffff0f;color:var(--white);border-color:transparent}.cs-mode-tabs{display:flex;gap:4px;padding:12px 22px 0}.cs-mode-tab{padding:8px 22px;font-size:14px;font-weight:500;background:#ffffff08;border:1px solid var(--border-subtle);border-bottom:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer}.cs-mode-tab:hover{color:var(--white);border-color:var(--border-subtle)}.cs-mode-tab.active{background:#00ceff1a;color:var(--cyan);border-color:var(--border-blue)}.cs-body{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;padding:20px 22px;overflow-y:auto;border-top:1px solid var(--border-subtle)}.cs-body.cs-disabled{opacity:.55;pointer-events:none}.cs-controls{display:flex;flex-direction:column;gap:16px;min-width:0}.cs-section{display:flex;flex-direction:column;gap:10px}.cs-row{flex-direction:row;gap:14px;align-items:flex-end}.cs-field{display:flex;flex-direction:column;gap:6px;flex:1}.cs-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.cs-select,.cs-input{width:100%;padding:11px 12px;font-size:14px;font-family:inherit;background-color:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:8px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.cs-select:hover,.cs-input:hover{border-color:#ffffff2e}.cs-select:focus,.cs-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #00ceff38}.cs-select option,.cs-select optgroup{background-color:#0e1c2e;color:var(--text-primary)}.cs-select optgroup{font-weight:600;color:var(--text-secondary)}.cs-checkbox-field{flex-direction:row;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);cursor:pointer}.cs-checkbox-field input{accent-color:var(--malachite);width:16px;height:16px}.cs-slider-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.cs-slider-head{display:flex;align-items:center;justify-content:space-between}.cs-slider-value{font-size:12px;color:var(--cyan);font-variant-numeric:tabular-nums}.cs-slider-field input[type=range]{width:100%;accent-color:var(--cyan)}.cs-preset-save{margin-top:4px;padding-top:14px;border-top:1px dashed var(--border-subtle)}.cs-preset-save-form{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:12px;background:#00ceff0d;border:1px solid var(--border-blue);border-radius:10px}.cs-preset-save-form .cs-input{flex:1 1 auto;width:100%}.cs-preset-save-actions{display:flex;gap:8px;margin-top:2px}.cs-preset-save-actions .cs-btn{flex:1 1 auto}.cs-preset-hint{margin:2px 0 0;font-size:11px;color:var(--text-muted);line-height:1.35}.cs-scope-select{width:100%;flex:0 0 auto}.cs-active-preset{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:6px 6px 6px 12px;background:#00ceff1a;border:1px solid var(--border-blue);border-radius:8px}.cs-active-preset-tag{font-size:12.5px;font-weight:600;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-active-preset-actions{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.cs-linkbtn{background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.cs-linkbtn:hover:not(:disabled){color:var(--white);background:#ffffff0f}.cs-linkbtn-danger:hover:not(:disabled){color:#ff6b6b}.cs-linkbtn:disabled{color:var(--text-muted);cursor:not-allowed}.cs-btn{padding:9px 18px;font-size:14px;font-weight:500;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .18s ease}.cs-btn:hover{background:#ffffff14;color:var(--white);border-color:var(--border-subtle)}.cs-btn-primary{background-color:var(--malachite);border-color:transparent;color:var(--white)}.cs-btn-primary:hover{background-color:#00c03d;color:var(--white)}.cs-btn-primary:disabled{background-color:#ffffff1a;color:var(--text-muted);cursor:not-allowed}.cs-btn-danger{background:#ff6b6b1a;border-color:#ff6b6b59;color:#ff6b6b}.cs-btn-danger:hover{background:#ff6b6b2e;border-color:#ff6b6b80;color:#ff8585}.cs-btn-ghost{background:transparent;border-style:dashed;border-color:var(--border-blue);color:var(--cyan)}.cs-btn-ghost:hover{background:#00ceff14;color:var(--cyan)}.cs-preview-pane{display:flex;flex-direction:column;gap:16px;align-items:center}.cs-preview-pane:not(.cs-io-slots){justify-content:center}.cs-preview-frame{position:relative;z-index:1;background:linear-gradient(135deg,#1a2740,#0b1420);border:1px solid var(--border-blue);border-radius:10px;overflow:hidden;max-width:100%;margin-left:auto;margin-right:auto;box-shadow:inset 0 0 40px #0006}.cs-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.cs-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;background:#05090f}.cs-thumb-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.cs-thumb{position:relative;width:56px;height:56px;padding:0;border:2px solid var(--border-subtle);border-radius:8px;overflow:hidden;background:#0b1420;cursor:pointer;opacity:.6;transition:opacity .15s ease,border-color .15s ease,transform .15s ease}.cs-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cs-thumb:hover{opacity:1;border-color:var(--cyan);transform:translateY(-1px)}.cs-thumb.active{opacity:1;border-color:var(--cyan);box-shadow:0 0 0 2px #00ceff40}.cs-thumb-skeleton{opacity:1;cursor:default;background:linear-gradient(100deg,#0e1c2e 30%,#16273d,#0e1c2e 70%);background-size:200% 100%;animation:cs-thumb-shimmer 1.1s ease-in-out infinite}@keyframes cs-thumb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cs-thumb-time{position:absolute;left:3px;bottom:3px;font-size:9px;font-weight:700;line-height:1;color:#fff;background:#0009;padding:2px 4px;border-radius:4px;pointer-events:none}.cs-thumb-playing{position:absolute;top:3px;right:3px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:7px;color:#04121f;background:var(--cyan);border-radius:50%;pointer-events:none}.cs-thumb-note{margin:2px 0 0;font-size:11px;color:var(--text-muted);text-align:center}.cs-preview-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}.cs-caption-box{position:absolute;z-index:1;box-sizing:border-box;cursor:grab;touch-action:none;border:1.5px solid transparent;border-radius:6px;transition:border-color .12s ease,box-shadow .12s ease}.cs-caption-box:hover{border-color:#00ceff8c}.cs-caption-box:hover .cs-handle,.cs-caption-box.is-active .cs-handle{opacity:1}.cs-caption-box.is-active{cursor:grabbing;border-color:var(--cyan);box-shadow:0 0 0 1px #00ceff59,0 6px 20px #00000073}.cs-preview-caption{position:relative;z-index:1;text-align:center;line-height:1.25;font-weight:800;letter-spacing:.01em;word-wrap:break-word;white-space:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none}.cs-cue-live{animation:cs-cue-in .15s cubic-bezier(.16,1,.3,1)}@keyframes cs-cue-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.cs-cue-live{animation:none}}.cs-handle{position:absolute;width:12px;height:12px;background:var(--white);border:2px solid var(--cyan);border-radius:50%;box-shadow:0 1px 3px #00000080;opacity:0;transition:opacity .12s ease,transform .1s ease;z-index:2}.cs-handle:hover{transform:scale(1.25)}.cs-handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.cs-handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.cs-handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.cs-handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.cs-resize-readout{position:absolute;top:-10px;left:50%;transform:translate(-50%,-100%);z-index:5;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;color:#04121f;background:var(--cyan);border-radius:999px;box-shadow:0 4px 14px #00000073;pointer-events:none}.cs-resize-readout:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--cyan)}.cs-preview-stage{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.cs-preview-playpause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;font-size:20px;color:#fff;background:#08101c8c;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .15s ease,background-color .15s ease,transform .1s ease}.cs-preview-playpause>span{line-height:1;transform:translate(1px)}.cs-preview-playpause.is-paused>span{transform:translate(2px)}.cs-preview-frame:hover .cs-preview-playpause,.cs-preview-playpause.is-paused,.cs-preview-playpause:focus-visible{opacity:1}.cs-preview-playpause:hover{background:#00ceffd9;border-color:var(--cyan);color:#04121f}.cs-frame-btn{position:absolute;top:8px;right:8px;z-index:4;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--text-primary);background:#08101cb8;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .12s ease,border-color .12s ease,color .12s ease}.cs-frame-btn:hover{border-color:#ffffff47;background:#08101ce6}.cs-frame-btn.on{color:#04121f;background:var(--cyan);border-color:var(--cyan)}.cs-preview-controlbar{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;flex-wrap:wrap}.cs-control-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.cs-tool-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:24px;padding:0 9px;font-size:10.5px;font-weight:600;letter-spacing:.2px;line-height:1;white-space:nowrap;color:var(--text-primary);background:#08101cb8;border:1px solid var(--border-subtle);border-radius:999px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.cs-tool-chip:hover{border-color:#ffffff47;background:#08101ce0}.cs-tool-chip.on{color:#04121f;background:var(--cyan);border-color:var(--cyan)}.cs-tool-ico{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:11px;line-height:1;flex-shrink:0}.cs-control-divider{width:1px;height:14px;margin:0 1px;background:var(--border-subtle);flex-shrink:0}.cs-preview-badge{display:inline-flex;align-items:center;height:24px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1;color:#fff;background:#05090fd1;border:1px solid rgba(255,255,255,.18);padding:0 9px;border-radius:999px;white-space:nowrap}.cs-preview-pane .cs-section{width:100%}.cs-preview-extra{padding-top:14px;border-top:1px dashed var(--border-subtle)}.cs-aspect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cs-aspect-btn{padding:12px 0;font-size:14px;font-weight:600;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer}.cs-aspect-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--white)}.cs-aspect-btn.selected{background:#00d7441f;border-color:var(--malachite);color:var(--malachite)}.cs-aspect-btn:disabled{opacity:.4;cursor:not-allowed}.cs-preview-ratio-tabs{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.cs-ratio-tab{padding:4px 10px;font-size:12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);cursor:pointer}.cs-ratio-tab.active{background:#00ceff1f;border-color:var(--cyan);color:var(--cyan)}.cs-hint{font-size:12px;color:var(--text-muted);margin:0}.cs-hint-warn{margin-top:8px;padding:8px 10px;background:#ffc10714;border-left:2px solid rgba(255,193,7,.55);border-radius:6px;color:#e8c47a;line-height:1.45}.cs-hint-warn strong{color:#ffd98a}.cs-preview-lang-note{margin-top:10px;text-align:left}.cs-error{margin:0 22px;padding:10px 14px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.4);border-radius:8px;color:#ff8a8a;font-size:13px}.cs-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 22px;border-top:1px solid var(--border-subtle);background:#0003}@media(max-width:760px){.cs-body{grid-template-columns:1fr;padding:16px;gap:16px}.cs-preview-pane{order:-1;width:100%}.cs-io-slots{width:100%}}@media(max-width:480px){.cs-body{padding:12px;gap:12px}.cs-footer{padding:12px 16px}}.cs-io-library{min-width:0}.cs-io-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 16px;text-align:center;background:#ffffff08;border:1.5px dashed var(--border-subtle);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.cs-io-dropzone:hover,.cs-io-dropzone.dragging{border-color:var(--cyan);background:#00ceff0f;color:var(--white)}.cs-io-drop-icon{font-size:22px;line-height:1}.cs-io-dropzone u{color:var(--cyan)}.cs-io-upload-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary)}.cs-io-upload-name{flex:0 0 40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-io-progress{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.cs-io-progress-bar{height:100%;background:var(--malachite);transition:width .2s ease}.cs-io-upload-pct{flex:0 0 auto;font-size:11px;color:var(--text-secondary);white-space:nowrap;min-width:72px;text-align:right}.cs-io-upload-cancel{flex:0 0 auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;font-size:11px;line-height:1;border-radius:3px;transition:color .15s,background .15s}.cs-io-upload-cancel:hover{color:var(--error, #ff4d4d);background:#ff4d4d1a}.cs-io-grid-section{min-height:0}.cs-io-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.cs-io-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left}.cs-io-card:hover{border-color:var(--cyan)}.cs-io-card.used{border-color:var(--malachite)}.cs-io-thumb{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:#0b1420}.cs-io-thumb img,.cs-io-thumb video{width:100%;height:100%;object-fit:cover;display:block}.cs-io-type{position:absolute;top:4px;left:4px;font-size:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.cs-io-badge{position:absolute;bottom:4px;right:4px;padding:1px 5px;font-size:10px;font-weight:600;color:var(--white);background:#000000a6;border-radius:4px}.cs-io-used-tag{position:absolute;bottom:4px;left:4px;padding:1px 5px;font-size:10px;font-weight:600;color:var(--bush);background:var(--malachite);border-radius:4px}.cs-io-name{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.cs-io-size{font-size:10px;color:var(--text-muted);padding:0 2px}.cs-io-del{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:var(--white);background:#0009;border:none;border-radius:50%;opacity:.55;transition:opacity .12s ease,background .12s ease;cursor:pointer}.cs-io-card:hover .cs-io-del,.cs-io-del:focus-visible{opacity:1}.cs-io-del:hover{opacity:1;background:#ff6b6b}.cs-io-confirm{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;text-align:center;background:#0a1327f0;border-radius:8px}.cs-io-confirm p{margin:0;font-size:12px;font-weight:600;color:var(--text-primary)}.cs-io-confirm-note{font-size:10px;color:var(--text-muted);line-height:1.3}.cs-io-confirm-actions{display:flex;gap:6px;margin-top:4px}.cs-io-confirm-btn{padding:3px 10px;font-size:11px;background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer}.cs-io-confirm-btn.danger{background:#ff6b6b26;border-color:#ff6b6b73;color:#ff8a8a}.cs-io-confirm-btn.danger:hover{background:#ff6b6b;color:var(--white)}.cs-io-slots{align-items:stretch}.cs-io-slot-toggle{display:flex;gap:6px}.cs-io-slot-btn{flex:1;padding:8px 0;font-size:13px;font-weight:600;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer}.cs-io-slot-btn.active{background:#00ceff1a;border-color:var(--border-blue);color:var(--cyan)}.cs-io-slot{padding:12px;background:var(--row-bg);border:1px solid var(--border-subtle);border-radius:10px}.cs-io-slot-head{display:flex;align-items:center;justify-content:space-between}.cs-io-slot-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.cs-io-slot-clear{padding:2px 8px;font-size:12px;color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle);border-radius:6px}.cs-io-slot-body{display:flex;gap:12px;align-items:flex-start}.cs-io-slot-thumb{flex:0 0 72px;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#0b1420}.cs-io-slot-thumb img,.cs-io-slot-thumb video{width:100%;height:100%;object-fit:cover;display:block}.cs-io-slot-controls{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-secondary)}.cs-io-inline{display:inline-flex;align-items:center;gap:6px}.cs-io-inline input[type=number]{width:56px;padding:4px 6px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary)}.cs-io-inline select{padding:4px 6px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary)}.cs-io-context{padding-top:14px;border-top:1px dashed var(--border-subtle)}.cs-io-context-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.cs-io-context-modes{display:flex;gap:6px}.cs-io-context-frame{position:relative;align-self:center;margin-left:auto;margin-right:auto;max-width:100%;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1a2740,#0b1420);box-shadow:0 8px 24px #0006}.cs-io-context-video,.cs-io-context-media-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .15s ease}.cs-io-context-media-el{background:#000;z-index:1}.cs-io-context-media-el:not([src]){opacity:0!important}.cs-io-context-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:13px;color:var(--text-muted)}.cs-io-context-badge{position:absolute;top:8px;left:8px;z-index:2;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--white);background:#0009;border-radius:6px}.cs-io-context-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.cs-io-note{font-size:12px;padding:8px 10px;border-radius:8px}.cs-io-warn{color:#ffcf6b;background:#ffbf0014;border:1px solid rgba(255,191,0,.25)}:root{--malachite: #00D744;--cyan: #00CEFF;--bush: #08231B;--charade: #282831;--gray: #E9E9E9;--white: #ffffff;--dark-bg: #1a1a1f;--panel-bg: #2a2a32}.podcast-container{padding:24px 0 8px;width:100%}.podcast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1;overflow:hidden}.project-back-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:0;border:none;background:transparent;color:var(--color-text);font-family:Rubik,Arial,sans-serif;font-size:20px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .15s ease;margin-bottom:24px}.project-back-btn svg{width:28px;height:28px}.project-back-btn:hover{color:#3d88ff}.project-title{font-family:Rubik,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.4px;color:var(--color-text);margin:0;display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.project-title-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw;cursor:default}.project-badge{background-color:#00d74424;color:var(--color-green);border:1px solid rgba(0,215,68,.4);font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;border-radius:10px}.error-banner{background-color:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:8px 12px;border-radius:6px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-family:Rubik,Arial,sans-serif;font-size:13px}.error-banner button{background:none;border:none;color:#f87171;font-size:18px;cursor:pointer;padding:0 0 0 12px}.dev-tools-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f3460;border-radius:8px;padding:12px;margin-bottom:12px;font-family:Rubik,Arial,sans-serif}.dev-tools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dev-tools-label{color:#e94560;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.dev-tools-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .2s}.dev-tools-toggle:hover{color:#e94560;background:#e945601a}.dev-tools-buttons{display:flex;gap:8px;flex-wrap:wrap}.dev-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:4px}.dev-btn:disabled{opacity:.5;cursor:not-allowed}.dev-btn-cu{background:#3b82f6;color:#fff}.dev-btn-cu:hover:not(:disabled){background:#2563eb}.dev-btn-cu-failed{background:#6366f1;color:#fff}.dev-btn-cu-failed:hover:not(:disabled){background:#4f46e5}.dev-btn-stitch{background:#10b981;color:#fff}.dev-btn-stitch:hover:not(:disabled){background:#059669}.dev-btn-stitch-failed{background:#14b8a6;color:#fff}.dev-btn-stitch-failed:hover:not(:disabled){background:#0d9488}.purge-result{margin-top:10px;padding:8px 12px;border-radius:6px;font-size:12px;animation:fadeIn .3s ease}.purge-result.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.purge-result.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.show-dev-tools-btn{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #0f3460;color:#e94560;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000;box-shadow:0 4px 12px #0000004d}.show-dev-tools-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #e945604d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.video-section{display:flex;gap:16px;margin-bottom:8px;align-items:flex-start}.video-player-container{flex:1;position:relative;background:linear-gradient(160deg,#0d172a66,#04060d80);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.04);box-shadow:none;border-radius:10px;overflow:visible;min-width:0;display:flex;flex-direction:column}.video-panel-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.07);background-color:#ffffff08;border-radius:10px 10px 0 0}.video-panel-header svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.video-panel-header h3{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:600;color:var(--color-text);margin:0}.video-wrapper{background-color:#03060d;display:flex;align-items:center;justify-content:center;border-radius:0;overflow:hidden;position:relative;width:100%;aspect-ratio:16 / 9;height:auto}.video-wrapper:last-child{border-radius:0 0 10px 10px}.video-corner-badge{position:absolute;top:10px;z-index:5;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background-color:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:500;color:#7ab3ff}.video-corner-badge.duration{right:10px}.video-corner-badge.status{left:10px;font-family:Rubik,Arial,sans-serif}.video-corner-badge .status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-muted);flex-shrink:0}.video-corner-badge .status-dot.ready{background-color:var(--color-green);box-shadow:0 0 6px #00d74499}.video-corner-badge .status-dot.loading{background-color:#ff9800;box-shadow:0 0 6px #ff980099;animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.video-loading-overlay{position:absolute;inset:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;color:var(--white);font-family:Rubik,Arial,sans-serif;font-size:14px}.video-loading-overlay .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.video-player{max-width:100%;max-height:100%;height:100%;width:auto;object-fit:contain;border-radius:8px}.video-stats{display:flex;justify-content:center;gap:24px;padding:8px;background:linear-gradient(to bottom,#03060d 0%,#03060d 50%,transparent 100%);border-top:none;position:relative;overflow:visible;border-radius:0 0 10px 10px}.stat{text-align:center;padding:4px 12px;border-radius:8px;transition:background-color .2s ease}.stat:hover{background-color:#ffffff0d}.stat-value{display:block;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--color-text)}.stat-value.cyan{color:var(--cyan)}.stat-label{display:block;font-family:Rubik,Arial,sans-serif;font-size:11px;color:var(--color-text-muted);margin-top:2px}.tab-bar{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border);margin-bottom:8px}.tab-bar-left{flex:1;display:flex;align-items:center;gap:8px;justify-content:flex-start}.tab-segment{display:flex;align-items:center;gap:2px;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px;width:fit-content}.tab-bar-right{flex:1;display:flex;align-items:center;justify-content:center;gap:10px}.tab-label{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:600;color:var(--color-text);margin-right:12px}.tab-btn{background-color:transparent;border:none;padding:7px 18px;font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--color-text-muted);cursor:pointer;border-radius:9px;transition:all .2s ease}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{background-color:#2e7bf6;color:#fff;font-weight:600;box-shadow:0 2px 10px #2e7bf666}.tab-btn.active:hover{background-color:#3d88ff;color:#fff}.tab-bar-story-name{display:inline-flex;align-items:center;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.tab-bar-edit-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;border:1px solid rgba(46,123,246,.35);border-radius:6px;background:transparent;color:var(--color-text);font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tab-bar-edit-btn:hover{background-color:#2e7bf626;border-color:#3d88ff;color:#3d88ff}.edited-panel-story-name{display:none}.content-section{display:flex;gap:12px;min-height:420px;max-height:480px}.segments-panel,.edited-panel{flex:1;min-width:0;background:linear-gradient(160deg,#0d1b3a,#060c1c);border:1px solid rgba(46,123,246,.25);box-shadow:0 0 0 1px #2e7bf61a,0 0 50px #2e7bf61a;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.edited-panel.ai-curated{position:relative;z-index:0}.edited-panel.ai-curated:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#ff6bcb,#2e7bf6,#00d744);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:1;pointer-events:none;animation:ai-border-glow-pulse 3s ease-in-out infinite}@keyframes ai-border-glow-pulse{0%,to{opacity:.6;filter:drop-shadow(0 0 4px rgba(46,123,246,.45))}50%{opacity:1;filter:drop-shadow(0 0 9px rgba(46,123,246,.8))}}.ai-badge{display:inline-flex;align-items:center;gap:4px;font-family:Rubik,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#ffb400;background-color:#ffb40024;border:1px solid rgba(255,180,0,.4);border-radius:20px;padding:2px 9px;width:fit-content;animation:ai-badge-glow 2.4s ease-in-out infinite}@keyframes ai-badge-glow{0%,to{box-shadow:0 0 #ffb40059}50%{box-shadow:0 0 8px 2px #ffb40059}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(46,123,246,.22);background:linear-gradient(135deg,#2e7bf633,#00ceff0f)}.panel-header-left{display:flex;align-items:center;gap:8px}.panel-header h3{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:600;color:var(--color-text);margin:0}.panel-title-row{display:flex;align-items:center;gap:8px}.panel-title-row svg{color:var(--color-text-muted);flex-shrink:0}.back-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#7ab3ff;font-family:Rubik,Arial,sans-serif;font-size:11px;cursor:pointer;padding:0;text-align:left;margin-top:4px}.back-link svg{width:12px;height:12px;stroke:#7ab3ff}.back-link:hover{text-decoration:underline}.segment-count{font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text-muted);white-space:nowrap}.collapsible-section{border-bottom:1px solid rgba(46,123,246,.22);background:linear-gradient(135deg,#2e7bf633,#00ceff0f)}.collapsible-header-row{display:flex;align-items:center;padding:10px 16px;gap:12px}.collapsible-header{display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.collapsible-header:hover{background-color:#ffffff0f}.collapsible-title{display:flex;align-items:center;gap:8px}.collapsible-title h3{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--color-text);margin:0}.collapsible-title svg{color:var(--color-text-muted);transition:transform .2s ease}.add-all-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #2E7BF6;border-radius:16px;background-color:transparent;color:#7ab3ff;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-all-btn:hover{background-color:#2e7bf6;color:var(--white)}.add-all-btn svg{width:14px;height:14px}.add-all-btn:hover svg{stroke:var(--white)}.collapsible-header-row .segment-count{margin-left:auto}.titles-list{padding:8px;background-color:transparent;max-height:180px;overflow-y:auto}.title-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;margin-bottom:6px;cursor:pointer;transition:all .2s ease}.title-item:last-child{margin-bottom:0}.title-item:hover{border-color:#2e7bf666;background-color:#2e7bf617}.title-item.selected{border-color:#2e7bf6;background-color:#2e7bf61f}.title-content{flex:1;min-width:0}.title-text{display:block;font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-theme{display:block;font-family:Rubik,Arial,sans-serif;font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-priority{font-family:Rubik,Arial,sans-serif;font-size:11px;color:#7ab3ff;font-weight:500;white-space:nowrap;margin-left:12px}.transcript-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.segments-list{flex:1;overflow-y:auto;padding:6px}.segment-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;margin-bottom:3px;transition:background-color .2s ease,border-color .2s ease;border-left:3px solid rgba(46,123,246,.16);background-color:#2e7bf60d}.segment-item:last-child{margin-bottom:0}.segment-item:hover{background-color:#2e7bf617;border-left-color:#2e7bf666}.segment-play-btn{flex-shrink:0;width:26px;height:26px;border-radius:50%;background-color:#2e7bf614;border:1px solid rgba(46,123,246,.2);display:flex;align-items:center;justify-content:center;padding:0}.segment-play-btn svg{width:12px;height:12px;fill:var(--color-text)}.segment-play-btn:hover{border-color:#2e7bf6;background-color:#2e7bf62e}.segment-play-btn:hover svg{fill:#7ab3ff}.segment-play-btn.playing,.edited-play-btn.playing{background-color:#2e7bf6;border-color:#2e7bf6}.segment-play-btn.playing svg,.edited-play-btn.playing svg{fill:var(--white)}.segment-item.playing,.edited-segment-item.playing{background-color:#2e7bf61f;border-left:3px solid rgba(46,123,246,.6)}.edited-play-btn{width:28px;height:28px;border-radius:50%;flex-shrink:0}.edited-play-btn svg{width:12px;height:12px;fill:var(--color-text)}.edited-play-btn:hover svg{fill:#7ab3ff}.segment-content-wrapper{flex:1;min-width:0}.segment-time{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:#7ab3ff;font-weight:500;margin-bottom:1px}.segment-time-range{display:flex;align-items:center;gap:3px;margin-bottom:2px}.segment-time-range .time-start{color:var(--cyan);font-family:SF Mono,Fira Code,monospace;font-size:10px;font-weight:500}.segment-time-range .time-separator{color:var(--color-text-muted);font-size:9px}.segment-time-range .time-end{color:var(--color-green);font-family:Rubik,Arial,sans-serif;font-size:10px;font-weight:500}.segment-time-range .time-duration{color:var(--color-text-muted);font-family:Rubik,Arial,sans-serif;font-size:9px;font-style:italic}.segment-text{font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text);line-height:1.3}.segment-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{background-color:var(--color-surface);border:1px solid var(--color-border);width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-text);padding:0}.action-btn:disabled,.action-btn.disabled{opacity:.4;cursor:not-allowed}.action-btn:disabled:hover,.action-btn.disabled:hover{border-color:var(--color-border);color:var(--color-text)}.action-btn svg{width:14px;height:14px;flex-shrink:0}.action-btn.play svg{fill:var(--color-text)}.action-btn:hover:not(:disabled):not(.disabled){border-color:#2e7bf6;color:#7ab3ff}.action-btn:hover:not(:disabled):not(.disabled) svg{stroke:#7ab3ff}.action-btn.play:hover{border-color:#2e7bf6;color:#7ab3ff}.action-btn.play:hover svg{fill:#7ab3ff}.action-btn.add{width:32px;height:32px;border-radius:6px;background-color:var(--color-surface)}.action-btn.add svg{stroke:var(--color-text)}.action-btn.add:hover{border-color:var(--malachite);background-color:var(--malachite);color:var(--white)}.action-btn.add:hover svg,.action-btn.add:hover svg path,.action-btn.add:hover svg line,.action-btn.add:hover svg polyline{stroke:var(--white)}.action-btn.remove:hover{border-color:#ef4444;background-color:#ef4444;color:var(--white)}.action-btn.remove:hover svg{stroke:var(--white)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.empty-edited{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center}.empty-edited p{font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--color-text-muted);margin:0}.empty-state{padding:30px;text-align:center}.empty-state p{font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--color-text-muted);margin:0}.empty-state.small{padding:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:10px}.loading-state.small{padding:16px}.loading-state .spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--malachite);border-radius:50%;animation:spin .8s linear infinite}.loading-state span{font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.edited-segments-list{flex:1;overflow-y:auto;padding:6px}.edited-segment-item{display:flex;align-items:flex-start;gap:6px;padding:6px;background-color:#2e7bf60d;border:1px solid rgba(46,123,246,.16);border-radius:6px;margin-bottom:4px;cursor:grab;transition:all .2s ease}.edited-segment-item:active{cursor:grabbing}.edited-segment-item.dragging{opacity:.5;background-color:#2e7bf61a;border:2px dashed #2E7BF6}.edited-segment-item.panel-locked{cursor:not-allowed;opacity:.7;pointer-events:none}.edited-segment-item.panel-locked .action-btn,.edited-segment-item.panel-locked .word-token{pointer-events:none;cursor:not-allowed}.drag-handle{color:var(--color-text-subtle);cursor:grab;padding:2px}.drag-handle:active{cursor:grabbing}.edited-segment-content{flex:1;min-width:0}.edited-segment-time{font-family:Rubik,Arial,sans-serif;font-size:10px;color:#7ab3ff;margin-bottom:1px}.edited-segment-text{font-family:Rubik,Arial,sans-serif;font-size:11px;color:var(--color-text);line-height:1.25}.word-token{display:inline;cursor:pointer;border-radius:2px;padding:0 1px;transition:background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.word-token:hover{background-color:#ef444426;color:#f87171}.word-readonly{cursor:default;pointer-events:none}.word-struck{text-decoration:line-through;color:var(--color-text-subtle);opacity:.6}.word-struck:hover{background-color:#00d74424;color:var(--color-text-muted);opacity:.85}.edited-segment-actions{display:flex;flex-direction:column;gap:2px}.edited-actions{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px;border-top:1px solid rgba(46,123,246,.22);background-color:#2e7bf60d}.edited-actions-right{display:flex;align-items:center;gap:6px}.play-all-btn{display:flex;align-items:center;gap:6px;background-color:#2e7bf61a;color:#7ab3ff;border:1px solid rgba(46,123,246,.3);padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.play-all-btn:hover:not(:disabled){background-color:#2e7bf62e;border-color:#2e7bf680;color:#fff}.play-all-btn:disabled{background-color:#ffffff0a;border-color:#ffffff14;color:var(--color-text-subtle);cursor:not-allowed}.play-all-btn.playing{background-color:#ff6b351f;border-color:#ff6b3566;color:#ff8c5f}.play-all-btn.playing:hover{background-color:#ff6b3533;border-color:#ff6b3599;color:#ffa37a}.play-all-btn svg{width:12px;height:12px;fill:currentColor}.clear-btn{background:none;border:1px solid var(--color-border);padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text-muted);border-radius:6px;cursor:pointer;transition:all .2s ease}.clear-btn:hover{border-color:#ef4444;color:#ef4444;background-color:#ef44440f}.export-btn{background:linear-gradient(180deg,#3a88f8,#1e5bd6);color:#fff;border:none;padding:6px 16px;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;box-shadow:0 4px 14px #2e7bf659;transition:all .2s ease}.export-btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 18px #2e7bf680;transform:translateY(-1px)}.export-btn:disabled{background:#ffffff14;color:var(--color-text-subtle);box-shadow:none;cursor:not-allowed}.no-project-state{display:flex;align-items:center;justify-content:center;min-height:400px;background-color:#ffffff08;border:2px dashed var(--color-border);border-radius:12px;margin-top:20px}.no-project-content{text-align:center;padding:30px}.no-project-content svg{color:var(--color-text-subtle);margin-bottom:16px}.no-project-content h2{font-family:Rubik,Arial,sans-serif;font-size:20px;font-weight:600;color:var(--color-text);margin:0 0 10px}.no-project-content p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text-muted);margin:0 0 6px}.no-project-content .hint{font-size:13px;color:var(--color-text-subtle);font-style:italic}@media(max-width:1200px){.content-section{flex-direction:column}.edited-panel{width:100%;min-width:100%;min-height:300px}}@media(max-width:900px){.video-section{flex-direction:column}}@media(max-width:500px){.content-section{max-height:none;flex-direction:column}.segments-panel,.edited-panel{max-height:none;min-height:240px;overflow:visible}.segments-list,.edited-segments-list{max-height:320px;overflow-y:auto}.edited-actions{flex-wrap:wrap;gap:6px}.edited-actions-right{flex-wrap:wrap;gap:4px}.play-all-btn,.clear-btn,.export-btn,.export-as-btn{padding:5px 10px;font-size:11px}}@media(max-width:768px){.podcast-container{padding:12px}.video-stats{flex-wrap:wrap;gap:16px}.tab-bar{flex-wrap:wrap}}@media(max-width:500px){.story-item-name{font-size:12px}.story-item-meta,.story-item-date{font-size:10px}.stories-dropdown-header{font-size:11px;padding:10px 12px}.story-item{padding:10px 12px}}@media(max-width:400px){.podcast-header{gap:6px}.project-title-name{max-width:28vw}.stories-dropdown-btn{padding:5px 8px;font-size:11px;gap:5px}.stories-dropdown-btn svg{display:none}.story-count{font-size:10px;padding:1px 5px;min-width:15px}.new-story-badge{display:none}.project-badge{font-size:9px;padding:2px 6px}}.video-player-container.preview .video-wrapper.preview-wrapper{display:flex;align-items:center;justify-content:center;background-color:#03060d;width:100%;aspect-ratio:16 / 9;height:auto}.preview-frame{position:relative;height:100%;max-width:100%;overflow:hidden;border-radius:8px;flex-shrink:0}.aspect-ratio-preview{position:absolute;inset:0;background-color:#2e7bf60d;border:2px dashed rgba(46,123,246,.25);border-radius:8px;display:flex;align-items:center;justify-content:center}.aspect-ratio-preview svg{color:#aaccff80}.aspect-ratio-stat{position:relative;align-items:flex-start!important}.ar-multiselect{display:flex;flex-direction:column;gap:4px}.ar-chips{display:flex;gap:4px;flex-wrap:wrap}.ar-chip{font-family:Rubik,Arial,sans-serif;font-size:11px;font-weight:500;padding:3px 7px;border-radius:4px;border:1px solid var(--color-border);background:none;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.ar-chip:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.ar-chip.selected{border-color:var(--cyan);background:#00ceff1f;color:var(--cyan)}.ar-chip.capped,.ar-chip:disabled{opacity:.35;cursor:not-allowed}.ar-preview-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ar-preview-label{font-family:Rubik,Arial,sans-serif;font-size:10px;color:var(--color-text-muted)}.ar-preview-tab{font-family:Rubik,Arial,sans-serif;font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid var(--color-border);background:none;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.ar-preview-tab:hover{border-color:#00ceff80;color:var(--cyan)}.ar-preview-tab.active{border-color:var(--cyan);background:#00ceff26;color:var(--cyan)}.ep-caption-overlay{position:absolute;z-index:10;text-align:center;pointer-events:none;word-break:break-word}.captions-stat{display:flex;flex-direction:column;align-items:center}.captions-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.captions-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--malachite)}.edited-segment-number{background-color:#2e7bf6;color:var(--white);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Rubik,Arial,sans-serif;font-size:11px;font-weight:600;flex-shrink:0}.edited-segment-time{display:flex;align-items:center;gap:4px}.time-start{color:var(--cyan);font-family:Rubik,Arial,sans-serif;font-size:11px;font-weight:500}.time-separator{color:var(--color-text-muted);font-size:10px}.time-end{color:var(--color-green);font-family:Rubik,Arial,sans-serif;font-size:11px;font-weight:500}.time-duration{color:var(--color-text-muted);font-family:Rubik,Arial,sans-serif;font-size:10px;font-style:italic}.edited-segment-item{display:flex;align-items:center;gap:8px;padding:8px;background-color:#2e7bf60d;border:1px solid rgba(46,123,246,.16);border-radius:6px;margin-bottom:6px}.edited-segment-actions{display:flex;gap:4px;flex-shrink:0}.edited-segment-actions .action-btn{width:24px;height:24px}.edited-segment-actions .action-btn svg{width:12px;height:12px;stroke:var(--color-text)}.story-status{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500}.status-badge.success{background-color:#00d7441a;color:var(--malachite);border:1px solid var(--malachite)}.status-badge.error{background-color:#ef44441a;color:#ef4444;border:1px solid #ef4444}.caption-studio-stat{display:flex;flex-direction:column;align-items:center}.caption-studio-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 12px;cursor:pointer;transition:background-color .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.caption-studio-btn:hover{background:#ffffff1a;border-color:#fff3}.caption-studio-btn--active{background:#00d7441f;border-color:#00d74466}.caption-studio-btn--active:hover{background:#00d74433}.caption-studio-btn--active .stat-value{color:#00d744}.caption-studio-btn-wrap{position:relative;display:inline-flex}.caption-studio-btn-wrap[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#141414eb;color:#fff;font-size:11px;line-height:1.4;white-space:nowrap;padding:5px 9px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:100}.caption-studio-btn-wrap[data-tooltip]:hover:after{opacity:1}.caption-studio-btn:disabled{cursor:not-allowed;opacity:.45}.caption-studio-btn--active:disabled{background:#ffffff0f;border-color:#ffffff1f}.caption-studio-btn--active:disabled .stat-value{color:inherit}.caption-studio-btn:disabled:hover,.caption-studio-btn--active:disabled:hover{background:#ffffff0f;border-color:#ffffff1f}.modal-overlay{position:fixed;inset:0;background-color:#060812c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#141928;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.09);box-shadow:0 32px 80px #000000b3;max-width:400px;width:90%}.modal-content h3{font-family:Rubik,Arial,sans-serif;font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 8px}.modal-content p{font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text-muted);margin:0 0 16px}.story-name-input{width:100%;padding:12px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid var(--color-border);border-radius:6px;margin-bottom:4px;box-sizing:border-box;background-color:#ffffff0d;color:var(--color-text)}.story-name-input--error{border-color:#ef4444}.story-name-input:focus{outline:none;border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0d}.story-name-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.story-name-helper{font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text-muted);margin:0 0 12px;min-height:18px;line-height:18px}.story-name-helper--error{color:#f87171}.story-caption-status{font-family:Rubik,Arial,sans-serif;font-size:13px;margin:0 0 16px;padding:8px 12px;border-radius:8px;line-height:1.4}.story-caption-status--on{color:#34d399;background:#34d3991a}.story-caption-status--off{color:var(--color-text-muted);background:#94a3b81a}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;background:none;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text);transition:all .2s ease}.cancel-btn:hover{background-color:#ffffff0f}.confirm-btn{padding:10px 20px;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;background-color:#2e7bf6;border:none;border-radius:6px;cursor:pointer;color:var(--white);transition:all .2s ease}.confirm-btn:hover{background-color:#3d88ff}.confirm-btn:disabled{background-color:#ffffff1f;cursor:not-allowed}.export-btn:disabled{background-color:#ffffff1f;cursor:not-allowed}.transcript-export-container,.edited-export-container{position:relative;display:inline-flex;align-items:center}.export-as-btn{display:flex;align-items:center;gap:5px;padding:6px 16px;background-color:#ffffff24;border:1px solid rgba(255,255,255,.4);border-radius:6px;cursor:pointer;font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:600;color:#fff;transition:all .2s ease;white-space:nowrap}.export-as-btn:hover:not(:disabled){border-color:#fff;color:#fff;background-color:#ffffff3d}.export-as-btn:hover:not(:disabled) svg{stroke:#fff}.export-as-btn:disabled{opacity:.4;cursor:not-allowed}.export-as-btn svg{width:12px;height:12px;stroke:#fff;flex-shrink:0}.export-as-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;background-color:#141928;border:1px solid rgba(46,123,246,.25);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:500;min-width:150px;overflow:hidden;animation:fadeIn .12s ease}.export-as-dropdown--up{bottom:calc(100% + 4px);top:auto}.export-as-option{padding:9px 14px;font-family:Rubik,Arial,sans-serif;font-size:12px;color:var(--color-text);cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.export-as-option:hover{background-color:#2e7bf61f;color:#fff}.export-as-option+.export-as-option{border-top:1px solid rgba(46,123,246,.16)}.transcript-export-container{padding:6px 8px;border-top:1px solid rgba(46,123,246,.22);background-color:#2e7bf60d;border-radius:0 0 8px 8px}.stories-dropdown-container{position:relative;z-index:300;flex-shrink:0}.stories-dropdown-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;max-width:min(200px,calc(100vw - 300px));min-width:70px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--color-text);transition:all .2s ease;overflow:hidden}.stories-dropdown-btn:hover{border-color:var(--cyan);background-color:#ffffff0f}.stories-dropdown-btn svg{width:16px;height:16px;stroke:var(--color-text)}.story-count{background-color:var(--cyan);color:var(--white);font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;transition:all .3s ease}.stories-dropdown-btn.has-new-story{border-color:var(--malachite);background-color:#00d7441a;animation:glow-pulse 1.5s ease-in-out infinite}.stories-dropdown-btn.has-new-story:hover{background-color:#00d74426}.story-count.pulse{background-color:var(--malachite);animation:count-pulse 1s ease-in-out infinite}.new-story-badge{background-color:var(--malachite);color:var(--white);font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;animation:badge-bounce .5s ease-in-out}@keyframes glow-pulse{0%,to{box-shadow:0 0 #00d74466}50%{box-shadow:0 0 8px 2px #00d74499}}@keyframes count-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes badge-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.stories-dropdown{position:absolute;top:calc(100% + 4px);right:0;width:min(480px,calc(100vw - 140px));min-width:0;background-color:#141928;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 16px 40px #00000080;overflow:hidden}.stories-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#ffffff08;border-bottom:1px solid var(--color-border);font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.loading-indicator{font-weight:400;color:var(--cyan);text-transform:none}.no-stories{padding:24px 16px;text-align:center}.no-stories p{margin:0;font-family:Rubik,Arial,sans-serif;font-size:14px;color:var(--color-text)}.no-stories .hint{font-size:12px;color:var(--color-text-muted);margin-top:4px}.stories-list{max-height:300px;overflow-y:auto}.story-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background-color .2s ease}.story-item:hover{background-color:#ffffff0a}.story-item.selected{background-color:#00ceff1a;border-left:3px solid var(--cyan)}.story-item:last-child{border-bottom:none}.story-item-info{display:flex;flex-direction:column;gap:2px}.story-item-name{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:var(--color-text)}.story-item-meta,.story-item-date{font-family:Rubik,Arial,sans-serif;font-size:11px;color:var(--color-text-muted)}.story-item-ratios{display:flex;gap:3px;flex-wrap:wrap;margin-top:2px}.story-ratio-tag{font-family:Rubik,Arial,sans-serif;font-size:9px;padding:1px 5px;border-radius:3px;border:1px solid rgba(0,206,255,.35);color:var(--cyan);background:#00ceff14;white-space:nowrap}.story-download{position:relative;display:inline-flex;flex-shrink:0}.story-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid var(--color-border);border-radius:6px;padding:5px 10px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;flex-shrink:0;outline:none;font-family:Rubik,Arial,sans-serif;font-size:12px;line-height:1}.story-download-btn span{white-space:nowrap}.story-download-btn:hover{background-color:#00ceff1a;border-color:var(--cyan);color:var(--cyan)}.story-download-btn:focus,.story-download-btn:focus-visible{outline:none;box-shadow:none}.story-download-btn.inline{display:inline-flex;margin-left:8px;vertical-align:middle;padding:3px 5px;border:none;color:var(--color-text-muted);outline:none}.story-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.story-delete-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:6px;padding:5px 6px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;flex-shrink:0;outline:none}.story-delete-btn:hover{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}.story-delete-btn:focus,.story-delete-btn:focus-visible{outline:none;box-shadow:none}.confirm-btn--danger{background-color:#ef4444;border-color:#ef4444}.confirm-btn--danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.story-download-btn.inline:hover{color:var(--cyan);background:#00ceff1a;border-radius:4px}.story-download-btn.inline:focus,.story-download-btn.inline:focus-visible{outline:none;box-shadow:none}.story-download-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:160px;display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 24px #00000073}.story-download-menu-title{font-family:Rubik,Arial,sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 2px 4px}.story-download-option{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;cursor:pointer;font-family:Rubik,Arial,sans-serif;font-size:13px;color:var(--color-text)}.story-download-option:hover{background:#00ceff14}.story-download-option input{accent-color:var(--cyan);cursor:pointer}.story-download-confirm{margin-top:6px;padding:6px 8px;border:none;border-radius:6px;background:var(--cyan);color:#041018;font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:filter .2s ease}.story-download-confirm:hover{filter:brightness(1.08)}.preview-video{position:absolute;inset:0;width:100%;height:100%;border-radius:8px}.preview-video.no-native-controls{pointer-events:none}.preview-video.no-native-controls::-webkit-media-controls{display:none!important}.preview-video.no-native-controls::-webkit-media-controls-enclosure{display:none!important}.preview-wrapper{position:relative;background-color:#03060d;width:100%;aspect-ratio:16 / 9;height:auto}.io-preview-overlay-video,.io-preview-overlay-img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:5;border-radius:8px}.story-creating-overlay{position:absolute;inset:0;z-index:10;background:#08231bbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:8px}.story-creating-overlay .spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#00d744;border-radius:50%;animation:spin .8s linear infinite}.story-creating-overlay span{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:#fff;letter-spacing:.02em}.clear-preview-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background-color:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.clear-preview-btn:hover{background-color:#ef4444cc}.clear-preview-btn svg{width:14px;height:14px;stroke:var(--white)}.story-preview-info{padding:8px;background-color:#ffffff08;border-radius:0 0 4px 4px;text-align:center}.story-preview-name{font-family:Rubik,Arial,sans-serif;font-size:12px;font-weight:500;color:var(--color-text)}.video-processing-overlay{position:absolute;inset:0;background:linear-gradient(160deg,#08231b,#0c3022 60%,#0a2820);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10;color:var(--white);font-family:Rubik,Arial,sans-serif;padding:24px;border-radius:8px 8px 0 0}.processing-pulse-rings{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.processing-pulse-rings svg{position:relative;z-index:2;animation:processingIconPulse 2.2s ease-in-out infinite}.pulse-ring{position:absolute;border-radius:50%;border:2px solid rgba(3,215,68,.35);animation:processingRingPulse 2.4s ease-out infinite}.pulse-ring.ring-1{width:80px;height:80px;animation-delay:0s}.pulse-ring.ring-2{width:58px;height:58px;animation-delay:.5s}.pulse-ring.ring-3{width:38px;height:38px;animation-delay:1s}@keyframes processingRingPulse{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes processingIconPulse{0%,to{opacity:.65}50%{opacity:1}}.processing-title{font-size:15px;font-weight:600;color:#03d744;letter-spacing:.03em}.processing-subtitle{font-size:12px;color:#ffffff8c;text-align:center;max-width:260px;line-height:1.55}.processing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center}.processing-state .spinner{width:36px;height:36px;border:3px solid rgba(3,215,68,.2);border-top-color:#03d744;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.processing-text{display:flex;flex-direction:column;gap:8px;max-width:280px}.processing-state-title{font-size:14px;font-weight:600;color:var(--color-text);font-family:Rubik,Arial,sans-serif}.processing-state-msg{font-size:12px;color:var(--color-text-muted);line-height:1.55;font-family:Rubik,Arial,sans-serif}.check-again-btn{padding:8px 22px;background:#03d744;color:#08231b;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,opacity .18s;font-family:Rubik,Arial,sans-serif;flex-shrink:0}.check-again-btn:hover:not(:disabled){background:#02bf3c}.check-again-btn:disabled{opacity:.55;cursor:not-allowed}.io-timeline-card{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:6px;background:#00ceff0f;border:1px solid var(--border-blue);border-radius:8px}.io-timeline-card.io-outro{margin-top:6px;margin-bottom:4px;background:#00d7440f;border-color:#00d74466}.io-timeline-thumb{flex:0 0 48px;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#0b1420;position:relative}.io-timeline-thumb-img{display:block;width:100%;height:100%;transition:opacity .15s}.io-timeline-thumb img,.io-timeline-thumb video{width:100%;height:100%;object-fit:cover;display:block}.io-timeline-play-btn{position:absolute;inset:0;width:100%;height:100%;background:#00000059;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;border-radius:0}.io-timeline-play-btn:after{content:"▶";font-size:14px;color:#fff;line-height:1}.io-timeline-play-btn.playing:after{content:"⏸"}.io-timeline-thumb:hover .io-timeline-play-btn,.io-playing .io-timeline-play-btn{opacity:1}.io-playing .io-timeline-card,.io-timeline-card.io-playing{box-shadow:0 0 0 2px var(--cyan)}.io-timeline-card.io-outro.io-playing{box-shadow:0 0 0 2px var(--bright-green)}.io-timeline-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.io-timeline-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.io-timeline-card.io-outro .io-timeline-label{color:var(--bright-green)}.io-timeline-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);min-width:0}.io-timeline-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.io-timeline-actions{display:flex;align-items:center;gap:6px}.io-timeline-btn{padding:4px 10px;font-size:12px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer}.io-timeline-btn:hover{color:var(--white);border-color:var(--cyan)}.io-timeline-btn.io-remove{padding:4px 8px}.io-timeline-btn.io-remove:hover{color:#ff6b6b;border-color:#ff6b6b80}.panel-header-right{display:flex;align-items:center;gap:12px}.transcript-edit-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--gray);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.transcript-edit-toggle:hover{color:var(--white)}.transcript-edit-toggle svg{stroke:currentColor}.transcript-edit-toggle input{position:absolute;opacity:0;width:0;height:0}.transcript-edit-switch{position:relative;display:inline-block;width:30px;height:16px;border-radius:999px;background:#ffffff2e;transition:background .15s ease;flex-shrink:0}.transcript-edit-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--white);transition:transform .15s ease}.transcript-edit-toggle input:checked+.transcript-edit-switch{background:var(--malachite)}.transcript-edit-toggle input:checked+.transcript-edit-switch:after{transform:translate(14px)}.transcript-edit-actions{display:inline-flex;align-items:center;gap:8px}.transcript-edit-btn{padding:5px 12px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:filter .15s ease,background .15s ease;white-space:nowrap}.transcript-edit-btn.save{background:var(--malachite);color:var(--bush)}.transcript-edit-btn.save:hover{filter:brightness(1.08)}.transcript-edit-btn.cancel{background:transparent;color:var(--gray);border-color:#fff3}.transcript-edit-btn.cancel:hover{color:var(--white);border-color:#fff6}.transcript-replace-prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:10px 12px;border-radius:8px;background:#00d7441a;border:1px solid rgba(0,215,68,.35)}.transcript-replace-text{font-size:12px;color:var(--white);line-height:1.4}.transcript-replace-text b{color:var(--malachite)}.transcript-replace-actions{display:inline-flex;align-items:center;gap:8px}.segment-item.editing{background:#ffffff08}.segment-text-input{width:100%;box-sizing:border-box;margin-top:4px;padding:8px 10px;font:inherit;font-size:13px;line-height:1.5;color:var(--white);background:var(--dark-bg);border:1px solid rgba(255,255,255,.18);border-radius:6px;resize:vertical;min-height:44px}.segment-text-input:focus{outline:none;border-color:var(--malachite);box-shadow:0 0 0 2px #00d74433}.segment-text-words{display:block;line-height:1.9;margin-top:4px}.word-token.word-editable{cursor:text;border-radius:4px;padding:1px 2px;transition:background .12s ease,box-shadow .12s ease}.word-token.word-editable:hover{background:#00d74429;box-shadow:inset 0 -2px #00d7448c}.word-edit-input{font:inherit;font-size:13px;line-height:1.4;color:var(--white);background:var(--dark-bg);border:1px solid var(--malachite);border-radius:4px;padding:1px 4px;margin:0 1px;min-width:3ch;box-shadow:0 0 0 2px #00d74433}.word-edit-input:focus{outline:none}.spell-correction-notice{display:flex;align-items:flex-start;gap:8px;margin:8px 0;padding:10px 12px;border-radius:8px;background:#00ceff14;border:1px solid rgba(0,206,255,.3);color:var(--white)}.spell-correction-notice svg{flex-shrink:0;margin-top:1px;color:var(--cyan)}.spell-correction-notice-text{flex:1;font-size:12px;line-height:1.45}.spell-correction-notice-text b{color:var(--cyan)}.spell-correction-notice-close{flex-shrink:0;background:transparent;border:none;color:var(--gray);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.spell-correction-notice-close:hover{color:var(--white)}.spell-correction-wrap{position:relative;display:inline-flex}.spell-coach{position:absolute;top:calc(100% + 12px);right:0;z-index:40;width:260px;padding:12px 14px;border-radius:10px;background:var(--panel-bg);border:1px solid var(--malachite);box-shadow:0 10px 30px #00000073;text-align:left;animation:spell-coach-in .18s ease-out}@keyframes spell-coach-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spell-coach-arrow{position:absolute;top:-7px;right:22px;width:12px;height:12px;background:var(--panel-bg);border-left:1px solid var(--malachite);border-top:1px solid var(--malachite);transform:rotate(45deg)}.spell-coach-title{font-size:13px;font-weight:700;color:var(--malachite);margin-bottom:4px}.spell-coach-body{font-size:12px;line-height:1.45;color:var(--white);margin-bottom:10px}.spell-coach-btn{width:100%}.word-token.preview-locked{cursor:default}.word-token.preview-locked:hover{background:transparent;text-decoration:none}.na-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 700px at 12% -10%,rgba(46,123,246,.22),transparent 60%),radial-gradient(900px 600px at 95% 0%,rgba(247,185,85,.08),transparent 60%),linear-gradient(180deg,#070e1e,#060b18);font-family:Rubik,Arial,sans-serif}.na-header{height:64px;background:transparent;box-shadow:0 1px 4px #0000004d;display:flex;align-items:center;padding:0 32px}.na-logo{height:32px;display:block}.na-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px}.na-card{background:#111c3099;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 12px 36px #0000008c;padding:48px 44px;max-width:480px;width:100%;text-align:center}.na-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#00d74426;border-radius:50%;margin-bottom:24px}.na-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px}.na-desc{font-size:15px;color:#ffffff8c;line-height:1.65;margin:0 0 32px}.na-desc strong{color:#fff;font-weight:600}.na-actions{display:flex;flex-direction:column;gap:12px}.na-btn-primary{display:block;width:100%;padding:13px 24px;background-color:#2e7bf6;color:#fff;border:none;border-radius:10px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .15s ease;box-sizing:border-box}.na-btn-primary:hover{background-color:#1a6de8;transform:translateY(-1px)}.na-btn-ghost{display:block;width:100%;padding:12px 24px;background:transparent;color:#ffffff8c;border:1.5px solid rgba(255,255,255,.09);border-radius:10px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s ease,color .2s ease}.na-btn-ghost:hover{border-color:#ffffff4d;color:#fff}.unauth-root{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(1200px 700px at 12% -10%,rgba(46,123,246,.22),transparent 60%),radial-gradient(900px 600px at 95% 0%,rgba(247,185,85,.08),transparent 60%),linear-gradient(180deg,#070e1e,#060b18);font-family:Rubik,Arial,sans-serif}.unauth-header{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;background:#060b188c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:none;flex-shrink:0;position:sticky;top:0;z-index:100}.unauth-header-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.unauth-header-brand-name{font-family:Rubik,Arial,sans-serif;font-size:18px;font-weight:400;color:#fff;letter-spacing:-.2px}.unauth-header-brand-name strong{font-weight:700;color:#00d744}.unauth-header-nav{display:flex;align-items:center;gap:12px}.unauth-nav-link{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:#ffffff73;text-decoration:none;padding:8px 16px;border-radius:8px;transition:color .2s ease,background-color .2s ease}.unauth-nav-link:hover,.unauth-nav-link.active{color:#fff;background-color:#ffffff0f}.unauth-nav-cta{font-family:Rubik,Arial,sans-serif;font-size:13px;font-weight:500;color:#fff;background-color:#00d744;text-decoration:none;padding:7px 14px;border-radius:6px;border:none;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.unauth-nav-cta:hover{background-color:#00c03d;color:#fff;text-decoration:none}.unauth-nav-cta:active{background-color:#00a832}.unauth-nav-cta.active{background-color:#00c03d}.unauth-nav-cta--disabled{background-color:#ffffff1f;color:#ffffff80;cursor:not-allowed;pointer-events:none;font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;padding:9px 20px;border-radius:8px;text-decoration:none;display:inline-block}.unauth-body{display:flex;flex:1;overflow:hidden;min-height:calc(100vh - 64px)}.unauth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:48px 40px;background:#060b188c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.06)}.unauth-form-card{background:#111c30a6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0f;border:1px solid rgba(255,255,255,.08);padding:48px 44px;width:100%;max-width:460px}.unauth-form-inner{width:100%}.unauth-brand-panel{flex:0 0 40%;min-width:40%;background:radial-gradient(ellipse 70% 60% at 15% 20%,rgba(46,123,246,.2) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 85% 75%,rgba(111,166,255,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 60% 10%,rgba(46,123,246,.07) 0%,transparent 55%),linear-gradient(180deg,#070e1e,#060b18);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:60px 48px}.unauth-panel-dots{position:absolute;opacity:.6}.unauth-panel-dots:first-of-type{top:-20px;right:-20px}.unauth-panel-dots:nth-of-type(2){bottom:80px;left:-20px;transform:rotate(180deg)}.unauth-panel-glow{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);width:400px;height:300px;background:radial-gradient(ellipse at center,rgba(46,123,246,.2) 0%,transparent 70%);pointer-events:none}.unauth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:0}.unauth-brand-headline{font-family:Rubik,Arial,sans-serif;font-size:38px;font-weight:700;color:#fff;line-height:1.2;margin:28px 0 14px;letter-spacing:-.5px}.unauth-brand-headline span{color:#6fa6ff}.unauth-brand-sub{font-family:Rubik,Arial,sans-serif;font-size:15px;color:#ffffff61;line-height:1.6;margin:0 0 36px;max-width:320px}.unauth-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.unauth-feature-item{display:flex;align-items:center;gap:12px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#ffffffd9}.unauth-feature-icon{color:#6fa6ff;font-size:10px;flex-shrink:0}@media(max-width:900px){.unauth-brand-panel{display:none}.unauth-header{padding:0 20px}.unauth-form-panel{padding:32px 20px}}@media(max-width:480px){.unauth-nav-cta{padding:8px 14px;font-size:13px}.unauth-nav-link{padding:8px 10px;font-size:13px}}.af-forgot-row{display:flex;justify-content:flex-end;margin-top:-8px}.af-text-link{font-family:Rubik,Arial,sans-serif;font-size:13px;color:#6fa6ff;text-decoration:none;transition:color .2s ease}.af-text-link:hover{opacity:.75;text-decoration:underline}.af-text-link--disabled{color:#ffffff40;cursor:not-allowed;pointer-events:none}.af-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:signin-spin .7s linear infinite;flex-shrink:0}@keyframes signin-spin{to{transform:rotate(360deg)}}.af-footer-link--disabled{color:#ffffff40;cursor:not-allowed;pointer-events:none;font-weight:500}.auth-snackbar{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:10px;min-width:320px;max-width:520px;padding:14px 18px;background:#111c30e6;color:#fca5a5;border:1px solid rgba(239,68,68,.22);border-radius:10px;box-shadow:0 8px 32px #ef44441f,0 2px 8px #ef444414;font-family:Rubik,Arial,sans-serif;font-size:14px;line-height:1.5;animation:snack-in .25s cubic-bezier(.22,1,.36,1)}.auth-snackbar-icon{flex-shrink:0;display:flex;align-items:center;color:#f87171}.auth-snackbar-message{flex:1}.auth-snackbar-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#f87171;padding:2px;border-radius:4px;transition:color .15s ease}.auth-snackbar-close:hover{color:#fca5a5}@keyframes snack-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.af-heading{margin-bottom:28px}.af-title{font-family:Rubik,Arial,sans-serif;font-size:26px;font-weight:700;color:#fff;margin:0 0 6px}.af-subtitle{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#ffffff73;margin:0;line-height:1.5}.af-form{display:flex;flex-direction:column;gap:18px}.af-field{display:flex;flex-direction:column;gap:6px}.af-label{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:#fff9}.af-input-wrap{position:relative;display:flex;align-items:center}.af-input{width:100%;padding:12px 44px 12px 14px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#111c30cc;color:#e8eaf0;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.af-input::placeholder{color:#ffffff38}.af-input:hover{border-color:#ffffff29}.af-input:focus{border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0d}.af-input.is-error{border-color:#f87171b3;box-shadow:0 0 0 3px #f871711a}.af-input-icon{position:absolute;right:12px;color:#ffffff4d;display:flex;align-items:center;pointer-events:none}.af-input-icon.is-clickable{pointer-events:auto;cursor:pointer;transition:color .2s ease}.af-input-icon.is-clickable:hover{color:#ffffffa6}.af-field-error{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#fca5a5}.af-strength-bars{display:flex;gap:4px;margin-top:6px}.af-strength-bar{flex:1;height:4px;border-radius:2px;background-color:#ffffff17;transition:background-color .3s ease}.af-strength-bar.weak{background-color:#f87171}.af-strength-bar.fair{background-color:#fd7e14}.af-strength-bar.good{background-color:#ffc107}.af-strength-bar.strong{background-color:var(--malachite)}.af-strength-label{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#ffffff73;margin-top:4px}.af-btn-primary{width:100%;padding:13px 24px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:#2e7bf6;color:#fff;margin-top:4px;text-decoration:none;box-shadow:0 4px 18px #2e7bf666}.af-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 24px #2e7bf68c}.af-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.af-btn-primary:disabled{opacity:.38;cursor:not-allowed}.af-alert{padding:12px 16px;border-radius:8px;font-family:Rubik,Arial,sans-serif;font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin-bottom:20px}.af-alert.af-alert-error{color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.22)}.af-alert.af-alert-success{background-color:#22c55e14;border:1px solid rgba(34,197,94,.22);color:#4ade80}.af-alert-icon{flex-shrink:0;margin-top:1px}.af-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:signup-spin .7s linear infinite;flex-shrink:0}@keyframes signup-spin{to{transform:rotate(360deg)}}.af-footer{text-align:center;margin-top:28px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#ffffff40}.af-footer-link{color:#6fa6ff;font-weight:500;text-decoration:none;transition:color .2s ease}.af-footer-link:hover{opacity:.75;text-decoration:underline}.auth-back-row{display:flex;align-items:center;gap:6px;margin-bottom:24px}.auth-back-btn{background:none;border:none;padding:0;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#ffffff73;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .2s ease}.auth-back-btn:hover{color:#fff}.auth-alert.success{background-color:#22c55e14;border:1px solid rgba(34,197,94,.22);color:#4ade80}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:forgot-spin .7s linear infinite;flex-shrink:0}@keyframes forgot-spin{to{transform:rotate(360deg)}}:root{--malachite: #00D744;--cyan: #00CEFF;--bush: #08231B;--charade: #282831;--gray: #E9E9E9;--white: #ffffff}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 12% -10%,rgba(46,123,246,.22),transparent 60%),radial-gradient(900px 600px at 95% 0%,rgba(247,185,85,.08),transparent 60%),linear-gradient(180deg,#070e1e,#060b18);padding:24px 16px;font-family:Rubik,Arial,sans-serif}.auth-card{background:#111c30a6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0f;border:1px solid rgba(255,255,255,.08);padding:48px 40px;width:100%;max-width:440px}.auth-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.auth-brand-logo{width:48px;height:48px;margin-bottom:12px}.auth-brand-name{font-family:Rubik,Arial,sans-serif;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.3px}.auth-brand-name span{color:var(--malachite)}.auth-title{font-family:Rubik,Arial,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 6px;text-align:center}.auth-subtitle{font-family:Rubik,Arial,sans-serif;font-size:14px;color:#ffffff73;margin:0 0 32px;text-align:center;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-family:Rubik,Arial,sans-serif;font-size:14px;font-weight:500;color:#fff9}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;padding:12px 44px 12px 14px;font-family:Rubik,Arial,sans-serif;font-size:14px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#111c30cc;color:#e8eaf0;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.auth-input::placeholder{color:#ffffff38}.auth-input:hover{border-color:#ffffff29}.auth-input:focus{border-color:#ffffff40;box-shadow:0 0 0 3px #ffffff0d}.auth-input.error{border-color:#f87171b3;box-shadow:0 0 0 3px #f871711a}.auth-input.no-icon{padding-right:14px}.auth-input-icon{position:absolute;right:12px;color:#ffffff4d;display:flex;align-items:center;pointer-events:none}.auth-input-icon.clickable{pointer-events:auto;cursor:pointer;transition:color .2s ease}.auth-input-icon.clickable:hover{color:#ffffffa6}.auth-field-error{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#fca5a5}.auth-password-strength{display:flex;gap:4px;margin-top:2px}.auth-strength-bar{flex:1;height:4px;border-radius:2px;background-color:#ffffff17;transition:background-color .3s ease}.auth-strength-bar.weak{background-color:#f87171}.auth-strength-bar.fair{background-color:#fd7e14}.auth-strength-bar.good{background-color:#ffc107}.auth-strength-bar.strong{background-color:var(--malachite)}.auth-strength-label{font-family:Rubik,Arial,sans-serif;font-size:12px;color:#ffffff73;margin-top:4px}.reset-requirements{margin:0;padding:0 0 0 18px;font-family:Rubik,Arial,sans-serif;font-size:13px;color:#ffffff73;line-height:1.7}.reset-requirements li.met{color:var(--malachite)}.auth-btn{width:100%;padding:13px 24px;font-family:Rubik,Arial,sans-serif;font-size:15px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-btn-primary{background:#2e7bf6;color:#fff;margin-top:4px;box-shadow:0 4px 18px #2e7bf666}.auth-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 24px #2e7bf68c}.auth-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.auth-btn-primary:disabled{opacity:.38;cursor:not-allowed}.auth-alert{padding:12px 16px;border-radius:8px;font-family:Rubik,Arial,sans-serif;font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.auth-alert.error{color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.22)}.auth-alert-icon{flex-shrink:0;margin-top:1px}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:reset-spin .7s linear infinite;flex-shrink:0}@keyframes reset-spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:28px;font-family:Rubik,Arial,sans-serif;font-size:14px;color:#ffffff40}.auth-footer a{color:#6fa6ff;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{opacity:.75;text-decoration:underline}@media(max-width:480px){.auth-card{padding:36px 24px}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:420px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:10px;box-shadow:0 12px 36px #0000008c;pointer-events:auto;animation:toast-slide-in .3s ease-out;border-left:4px solid;background:#1e2330;border:1px solid rgba(255,255,255,.07)}.toast-item.toast-exit{animation:toast-slide-out .3s ease-in forwards}.toast-success{border-left-color:#3a9e6e;color:#dce4f0bf}.toast-success .toast-title{color:#5ec494}.toast-success .toast-icon{background:#3a9e6e26;border:1px solid rgba(58,158,110,.3);color:#3a9e6e}.toast-error{border-left-color:#ef4444;color:#dce4f0bf}.toast-error .toast-title{color:#ef4444}.toast-error .toast-icon{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.toast-info{border-left-color:#2e7bf6;color:#dce4f0bf}.toast-info .toast-title{color:#2e7bf6}.toast-info .toast-icon{background:#2e7bf626;border:1px solid rgba(46,123,246,.3);color:#2e7bf6}.toast-warning{border-left-color:#ffb400;color:#dce4f0bf}.toast-warning .toast-title{color:#ffb400}.toast-warning .toast-icon{background:#ffb40026;border:1px solid rgba(255,180,0,.3);color:#ffb400}.toast-icon{font-size:20px;flex-shrink:0;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-title{display:block;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:2px}.toast-message{margin:0;font-size:12px;opacity:.85;word-break:break-word}.toast-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 4px;opacity:.6;flex-shrink:0}.toast-close:hover{opacity:1}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}