:root,:root[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0f172a;--bg-deep:#111c33;--bg-panel:#0f172af0;--bg-card:#1e293bf5;--bg-card-strong:#1e293bfc;--bg-input:#162033;--bg-input-strong:#1e293b;--bg-pill:#ffffff0a;--bg-pill-active:#ec489924;--bg-success:#38bdf81f;--bg-danger:#ec489924;--border:#94a3b82e;--border-strong:#38bdf86b;--text-main:#f8fafc;--text-soft:#cbd5e1;--text-muted:#94a3b8;--text-subtle:#64748b;--primary:#38bdf8;--primary-strong:#ec4899;--primary-deep:#ec4899;--success:#38bdf8;--danger:#ec4899;--warning:#38bdf8;--shadow-xl:0 24px 48px #10091742;--shadow-lg:0 16px 30px #10091738;--shadow-sm:0 10px 20px #1009172e;--radius-xl:18px;--radius-lg:14px;--radius-md:10px;--radius-sm:8px;--font-sans:"SN Pro", "SF Pro Display", "SF Pro Text", system-ui, sans-serif;--font-mono:"SF Mono", "Roboto Mono", "Cascadia Code", ui-monospace, monospace}:root[data-theme=oled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#000;--bg-deep:#050505;--bg-panel:#000000f5;--bg-card:#121212f5;--bg-card-strong:#121212fc;--bg-input:#0f0f10;--bg-input-strong:#121212;--bg-pill:#ffffff0d;--bg-pill-active:#ff61a629;--bg-success:#60a5fa24;--bg-danger:#ff61a629;--border:#9ca3af33;--border-strong:#60a5fa70;--text-main:#e5e7eb;--text-soft:#d1d5db;--text-muted:#9ca3af;--text-subtle:#6b7280;--primary:#60a5fa;--primary-strong:#ff61a6;--primary-deep:#ff61a6;--success:#60a5fa;--danger:#ff61a6;--warning:#60a5fa;--shadow-xl:0 24px 48px #0000006b;--shadow-lg:0 16px 30px #0000005c;--shadow-sm:0 10px 20px #00000047}:root[data-theme=twilight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#161b22;--bg-deep:#1a2028;--bg-panel:#161b22f0;--bg-card:#21262df5;--bg-card-strong:#21262dfc;--bg-input:#1b2027;--bg-input-strong:#21262d;--bg-pill:#ffffff0a;--bg-pill-active:#f472b624;--bg-success:#818cf81f;--bg-danger:#f472b624;--border:#8b949e2e;--border-strong:#818cf86b;--text-main:#e2e8f0;--text-soft:#cbd5e1;--text-muted:#8b949e;--text-subtle:#6b7280;--primary:#818cf8;--primary-strong:#f472b6;--primary-deep:#f472b6;--success:#818cf8;--danger:#f472b6;--warning:#818cf8;--shadow-xl:0 24px 48px #080a0e4d;--shadow-lg:0 16px 30px #080a0e3d;--shadow-sm:0 10px 20px #080a0e2e}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}#root{min-height:100svh}body{font-family:var(--font-sans);color:var(--text-main);background:linear-gradient(180deg, var(--bg-base) 0%, var(--bg-deep) 100%);letter-spacing:-.01em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}::selection{background:color-mix(in srgb, var(--primary) 26%, transparent)}a{color:inherit}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}button:hover:not(:disabled){transform:none}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;min-height:48px;color:var(--text-main);outline:none;padding:13px 15px;transition:border-color .18s,box-shadow .18s,background-color .18s}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--border-strong);background:var(--bg-input-strong);box-shadow:0 0 0 3px #38bdf824}input:not([type=checkbox]):not([type=radio])::placeholder,textarea::placeholder{color:var(--text-subtle)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}textarea{resize:vertical;min-height:110px;line-height:1.5}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:42px}input[type=file]{padding:10px}input[type=file]::file-selector-button{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:10px;margin-right:12px;padding:10px 14px;font-weight:600;transition:background-color .18s}input[type=file]::file-selector-button:hover{background:#ffffff14}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--primary-strong);flex:none;margin:0}.auth-shell,.app-shell{isolation:isolate;position:relative}.auth-shell{place-items:center;min-height:100svh;padding:40px 20px;display:grid}.app-shell{min-height:100svh;padding:28px clamp(18px,3vw,42px) 42px}.ambient-orb,.orb-primary,.orb-secondary{display:none}.glass-panel{border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;position:relative}.glass-panel:before{display:none}.glass-panel>*{z-index:1;position:relative}.auth-panel,.page-header,.panel,.execute-panel{border-radius:var(--radius-xl)}.auth-panel{width:min(1120px,100%);padding:clamp(26px,3vw,38px)}.auth-brand,.page-header-copy,.section-copy{flex-direction:column;gap:10px;display:flex}.auth-brand{max-width:62ch;margin-bottom:20px}.eyebrow,.section-step{border:1px solid var(--border);width:fit-content;color:var(--primary);letter-spacing:.06em;text-transform:uppercase;background:#38bdf814;border-radius:999px;align-items:center;padding:5px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.auth-brand h1,.page-header h1{color:var(--text-main);letter-spacing:-.04em;line-height:1.02}.auth-brand h1{font-size:clamp(2.6rem,7vw,4.6rem)}.page-header h1{font-size:clamp(2.3rem,5vw,4rem)}.auth-brand p,.page-header p,.section-copy p,.auth-form-header p,.item-header p,.metric-label,.field-hint,.help-text,.log-message,.log-detail-content,.log-fallback-details,.log-empty span{color:var(--text-muted)}.auth-split-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.auth-form-column{flex-direction:column;gap:18px;min-width:0;display:flex}.auth-form-header{flex-direction:column;gap:6px;margin-bottom:2px;display:flex}.auth-form-header h2,.section-copy h2{color:var(--text-main);font-size:1.35rem}.auth-divider{justify-content:center;align-items:center;width:36px;display:flex;position:relative}.auth-divider:before{content:"";background:linear-gradient(180deg, transparent, var(--border), transparent);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.auth-divider-badge{z-index:1;border:1px solid var(--border);width:34px;height:34px;color:var(--primary);text-transform:uppercase;background:#22162bf5;border-radius:999px;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:relative}.auth-token-field{flex:1}.auth-token-textarea{min-height:220px;font-family:var(--font-mono);font-size:.92rem}.auth-submit,.execute-btn{justify-content:center;width:100%}.auth-error-box{border-radius:var(--radius-md);color:#ffd5de;background:#ec48991f;border:1px solid #ec489952;align-items:center;gap:10px;margin-bottom:22px;padding:14px 16px;display:flex}.page-header{grid-template-columns:minmax(0,1.3fr) minmax(320px,.95fr);align-items:end;gap:22px;margin:0 auto 28px;padding:24px 26px;display:grid}.page-header-side{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.metric-card{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:none;background:#ffffff08;align-items:center;gap:12px;padding:12px 14px;display:flex}.metric-icon{width:30px;height:30px;color:var(--primary);background:#38bdf81f;border-radius:9px;place-items:center;display:grid}.metric-label,.metric-value{display:block}.metric-label{font-size:.8rem}.metric-value{color:var(--text-main);margin-top:3px;font-size:1.2rem}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.dashboard-full{grid-column:1/-1}.panel,.execute-panel{padding:clamp(22px,2.4vw,30px)}.field-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-heading .field-label{margin:0}.auth-brand-compact,.page-header-compact .page-header-copy,.section-copy{gap:6px}.auth-brand-compact p,.page-header-compact p,.section-copy p{max-width:64ch;font-size:.92rem;line-height:1.4;display:block}.page-header-compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:18px;padding:16px 20px}.page-header-compact .page-header h1,.page-header-compact h1{font-size:clamp(1.8rem,4vw,2.4rem)}.page-header-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.metric-grid-compact{grid-template-columns:repeat(3,minmax(110px,1fr))}.metric-grid-compact .metric-card{padding:10px 12px}.metric-grid-compact .metric-value{font-size:1rem}.mode-pill{border:1px solid var(--border);min-height:38px;color:var(--text-soft);background:#ffffff08;padding:0 14px;font-weight:700}.mode-pill.is-active{color:var(--text-main);background:#ec489929;border-color:#ec489966}.auth-mode-switch,.log-view-toggle,.theme-switcher{flex-wrap:wrap;gap:10px;display:inline-flex}.auth-mode-switch{margin-bottom:18px}.auth-theme-row,.page-header-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-theme-row{margin-bottom:18px}.auth-panel{width:min(720px,100%)}.auth-token-textarea{min-height:140px}.auth-remember-pill{width:fit-content}.source-mode-row{margin-bottom:6px}textarea{min-height:48px}.mini-toggle{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:inline-flex}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.section-titlebar-tight{align-items:end}.logs-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;overflow-x:auto}.logs-table{border-collapse:collapse;width:100%}.logs-table-wide{min-width:1440px}.logs-table th,.logs-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 14px}.logs-table th{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.logs-table tbody tr:last-child td{border-bottom:0}.log-status-cell{text-transform:capitalize;font-weight:700}.log-status-success{color:#8fe8ff}.log-status-error{color:#ff8cc4}.log-status-info{color:var(--text-soft)}.table-action-row{flex-wrap:wrap;gap:8px;display:flex}.table-stack{flex-direction:column;gap:6px;display:flex}.table-break{word-break:break-all;max-width:280px;display:inline-block}.logs-table-empty{color:var(--text-muted)}.section-titlebar,.item-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-titlebar{margin-bottom:16px}.item-header{margin-bottom:14px}.item-header h3{color:var(--text-main);margin-bottom:6px;font-size:1.1rem}.item-header-actions,.log-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.settings-row,.pill-row{flex-wrap:wrap;gap:12px;display:flex}.settings-row{margin-bottom:16px}.pill-row.compact{gap:10px}.card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:none;padding:18px}.item-card+.item-card{margin-top:18px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field-label{letter-spacing:.01em;color:var(--text-soft);font-size:.84rem;font-weight:700}.field-hint,.help-text{font-size:.82rem;line-height:1.45}.span-2{grid-column:1/-1}.filter-pill,.setting-pill,.checkbox-pill{border:1px solid var(--border);background:var(--bg-pill);color:var(--text-soft);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;line-height:1;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.filter-pill:hover,.setting-pill:hover,.checkbox-pill:hover{background:#ffffff0d;border-color:#38bdf83d}:is(.filter-pill:has(input:checked),.setting-pill:has(input:checked),.checkbox-pill:has(input:checked)){background:var(--bg-pill-active);color:#fff0f4;box-shadow:none;border-color:#ec489966}.checkbox-grid{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:14px;display:grid}.checkbox-pill{border-radius:10px;justify-content:flex-start;min-height:44px;padding:12px 14px}.status-pill{letter-spacing:.01em;color:var(--text-main);border:1px solid var(--border);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.status-pill.success{color:#dff4ff;background:#38bdf81f;border-color:#38bdf833}.status-pill.subtle{padding:8px 12px;font-size:.8rem}.toast-pill{white-space:nowrap}.btn-primary,.btn-secondary,.btn-remove,.btn-undo{min-height:46px;padding:0 18px;font-weight:700;line-height:1}.btn-primary{background:var(--primary-strong);color:#f8fafc;box-shadow:none}.btn-primary:hover:not(:disabled){box-shadow:none;background:#f062aa}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background:#ffffff08}.btn-secondary:hover:not(:disabled){background:#ffffff0f;border-color:#38bdf83d}.btn-remove{color:#ffe2e7;background:#ec48991a;border:1px solid #ec48993d}.btn-remove:hover:not(:disabled){background:#ec489924}.btn-undo{color:#dff4ff;background:#38bdf81f;border:1px solid #38bdf838}.btn-sm{min-height:38px;padding:0 14px;font-size:.84rem}.btn-with-icon svg{flex:none}.drive-connect-btn{border-color:#38bdf83d;width:fit-content}.drive-stack{flex-direction:column;gap:12px;display:flex}.is-muted{opacity:.75}.url-preview{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.read-only-input{min-height:0;color:var(--text-soft);box-shadow:none;background:0 0;border:0;flex:220px;padding:0}.read-only-input:focus{box-shadow:none}.execute-panel{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.execute-btn{max-width:460px}.logs-panel{padding-bottom:24px}.logs-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.log-entry{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.log-success{border-color:#38bdf83d}.log-error{border-color:#ec48993d}.log-info{border-color:#38bdf82e}.log-main{flex:1;min-width:0}.log-topline{flex-direction:column;gap:8px;display:flex}.log-time{width:fit-content;color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.log-message{color:var(--text-main);word-break:break-word;line-height:1.45}.log-detail-card,.log-fallback-details{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff05;margin-top:14px;padding:14px}.log-detail-card{flex-direction:column;gap:12px;display:flex}.log-detail-row{grid-template-columns:120px minmax(0,1fr);gap:12px;display:grid}.log-detail-label{color:var(--text-soft);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:inline-flex}.log-detail-content,.log-inline-flow{word-break:break-word;flex-wrap:wrap;align-items:center;gap:8px;line-height:1.5;display:flex}.text-link{color:var(--primary);text-decoration:none}.text-link:hover{text-decoration:underline}.log-fallback-details{white-space:pre-wrap;line-height:1.5}.log-actions{flex:none}.log-empty{border-radius:var(--radius-md);color:var(--text-muted);background:#ffffff05;border:1px dashed #38bdf833;align-items:center;gap:14px;padding:22px 18px;display:flex}.metric-icon svg,.status-pill svg,.filter-pill svg,.setting-pill svg,.checkbox-pill svg,.btn-with-icon svg,.log-time svg,.log-detail-label svg,.log-empty svg{color:currentColor;opacity:1}.log-empty strong{color:var(--text-main);margin-bottom:4px;display:block}@media (width<=1200px){.dashboard-grid,.page-header{grid-template-columns:1fr}.page-header-side{align-items:stretch}}.highlighted-text{background:color-mix(in srgb, var(--primary) 20%, transparent);color:var(--primary);border-radius:4px;padding:2px 4px;font-weight:600;transition:background-color .18s,color .18s}.checkbox-pill:has(input:checked) .highlighted-text{background:color-mix(in srgb, var(--primary-strong) 25%, transparent);color:var(--text-main)}.chapter-label-text{-webkit-user-select:none;user-select:none;word-break:break-word;line-height:1.4}@media (width<=920px){.auth-split-grid,.execute-panel,.log-entry{grid-template-columns:1fr;display:grid}.auth-divider{width:100%;height:32px}.auth-divider:before{width:100%;height:1px;top:50%;bottom:auto;left:0;transform:translateY(-50%)}.metric-grid,.grid-form{grid-template-columns:1fr}.span-2{grid-column:auto}.log-detail-row{grid-template-columns:1fr}.log-actions{justify-content:flex-start}}@media (width<=640px){.app-shell,.auth-shell{padding-inline:14px}.panel,.execute-panel,.auth-panel,.page-header,.card{border-radius:16px}.metric-grid{grid-template-columns:1fr}.section-titlebar,.item-header{flex-direction:column}.item-header-actions,.log-actions,.filter-pill,.setting-pill,.checkbox-pill{justify-content:flex-start;width:100%}.btn-secondary,.btn-remove,.btn-undo,.btn-primary{width:100%}.url-preview{align-items:stretch}}
