@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-accent: #ea580c;--color-accent-hover: #c2410c;--color-accent-light: #fff7ed;--color-success: #16a34a;--color-success-light: #f0fdf4;--color-error: #dc2626;--color-error-light: #fef2f2;--color-info: #0284c7;--color-info-light: #f0f9ff;--color-warning: #d97706;--color-warning-light: #fffbeb;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--border-width: 1px;--border-width-2: 2px;--border-color: var(--color-gray-200);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-900);background-color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-black)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--font-semibold)}p{margin-bottom:var(--space-4)}a{color:var(--color-gray-900);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background-color:var(--color-gray-100);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm)}pre{background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-4);overflow-x:auto;border-radius:var(--radius-base)}pre code{background:none;padding:0}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}input,textarea,select,button{font-family:inherit;font-size:inherit}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--color-gray-700)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-color)}th{font-weight:var(--font-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500)}img,video,svg{max-width:100%;height:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-gray-500)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.divider{height:var(--border-width);background-color:var(--border-color);margin:var(--space-6) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-white)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-gray-200);border-top-color:var(--color-black);border-radius:50%;animation:spin .8s linear infinite}.landing-page{min-height:100vh;background-color:var(--color-white);color:var(--color-black);overflow:hidden;position:relative}.grid-overlay{position:absolute;top:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none;z-index:0;max-width:var(--container-xl);margin:0 auto;left:50%;transform:translate(-50%);border-left:1px solid rgba(0,0,0,.03);border-right:1px solid rgba(0,0,0,.03)}.grid-col{border-right:1px solid rgba(0,0,0,.03);height:100%}.landing-header{position:fixed;top:0;left:0;width:100%;padding:var(--space-6) var(--space-8);display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference;color:var(--color-white)}.landing-logo{display:flex;align-items:center;gap:var(--space-3)}.landing-logo-img{height:64px;width:auto;filter:invert(1)}.landing-brand-text{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide)}.landing-brand-text .divider{opacity:.5}.landing-brand-text .en{font-weight:var(--font-medium)}.landing-btn-primary{padding:var(--space-3) var(--space-6);background-color:var(--color-white);color:var(--color-black);text-decoration:none;font-weight:var(--font-bold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:2px;transition:transform var(--transition-fast)}.landing-btn-primary:hover{transform:translateY(-2px)}.landing-main{position:relative;z-index:1;max-width:var(--container-xl);margin:0 auto;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-8)}.hero-section{display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-content{position:relative;z-index:2}.hero-title{display:flex;flex-direction:column;font-size:8vw;font-weight:var(--font-black);line-height:.85;letter-spacing:-.04em;margin-bottom:var(--space-8)}.hero-line{display:block}.hero-line.highlight{color:var(--color-accent)}.hero-subtitle{padding-left:6px;border-left:4px solid var(--color-black);margin-left:4px}.hero-subtitle p{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}.hero-desc{font-size:var(--text-base)!important;font-weight:var(--font-normal)!important;color:var(--color-gray-500);margin-top:var(--space-1)!important;letter-spacing:var(--tracking-normal)!important}.hero-visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.circle-graphic{width:40vw;height:40vw;max-width:500px;max-height:500px;background:radial-gradient(circle at 30% 30%,var(--color-accent) 0%,transparent 60%),radial-gradient(circle at 70% 70%,#000 0%,transparent 60%);border-radius:50%;opacity:.1;filter:blur(40px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.line-graphic{width:2px;height:200px;background:var(--color-black);position:absolute;right:20%;top:20%;transform:rotate(45deg)}.landing-footer{position:absolute;bottom:var(--space-8);left:0;width:100%;padding:0 var(--space-8)}.footer-info{max-width:var(--container-xl);margin:0 auto;display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-widest);color:var(--color-gray-400)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.slide-up{opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes float{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.float{animation:float 10s ease-in-out infinite}@media(max-width:768px){.hero-section{grid-template-columns:1fr}.hero-title{font-size:15vw}.hero-visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.5}.grid-overlay{grid-template-columns:repeat(2,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border:var(--border-width-2) solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-4);height:32px}.btn-md{font-size:var(--text-sm);padding:var(--space-3) var(--space-6);height:44px}.btn-lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8);height:56px}.btn-primary{background-color:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-black)}.btn-secondary:hover:not(:disabled){background-color:var(--color-black);color:var(--color-white)}.btn-ghost{background-color:transparent;color:var(--color-gray-700);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-black)}.btn-danger{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn-full{width:100%}.btn-loading{position:relative;color:transparent}.btn-loading .btn-text-hidden{visibility:hidden}.btn-spinner{position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-loading .btn-spinner{color:var(--color-white)}.btn-secondary.btn-loading .btn-spinner{color:var(--color-black)}.input-group{margin-bottom:var(--space-4)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-700);margin-bottom:var(--space-2)}.input{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-gray-900);background-color:var(--color-white);border:var(--border-width-2) solid var(--color-gray-300);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-black)}.input::placeholder{color:var(--color-gray-400)}.input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.textarea{min-height:120px;resize:vertical;font-family:var(--font-sans);line-height:var(--leading-relaxed)}.select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23737373' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10);cursor:pointer}.input-error .input{border-color:var(--color-error)}.input-error .input:focus{border-color:var(--color-error)}.input-error-text{display:block;font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-2)}.input-hint{display:block;font-size:var(--text-sm);color:var(--color-gray-500);margin-top:var(--space-2)}.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.radio-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-50);padding:var(--space-6)}.login-container{width:100%;max-width:400px;background-color:var(--color-white);border:var(--border-width-2) solid var(--color-black);padding:var(--space-10)}.login-header{text-align:center;margin-bottom:var(--space-10);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.login-brand-row{order:2}.login-logo{height:80px;width:auto;object-fit:contain;display:block}.login-brand-text{order:1;display:flex;align-items:center;justify-content:center;gap:var(--space-3);line-height:1}.login-brand-cn{font-size:var(--text-xl);font-weight:var(--font-black);color:var(--color-black);letter-spacing:var(--tracking-tight)}.login-brand-divider{display:none}.login-brand-en{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-accent);letter-spacing:var(--tracking-wide);text-transform:uppercase}.login-form{margin-bottom:var(--space-6)}.login-error{background-color:var(--color-error-light);border:var(--border-width) solid var(--color-error);color:var(--color-error);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.login-button{margin-top:var(--space-6)}.login-footer{text-align:center;font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-white)}.header{position:sticky;top:0;background:var(--color-white);border-bottom:var(--border-width-2) solid var(--color-black);z-index:var(--z-sticky)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:var(--space-4) var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-4);text-decoration:none;color:var(--color-black)}.logo-img{height:44px;width:auto;object-fit:contain}.logo-text-group{display:flex;flex-direction:column;line-height:1;text-align:right;padding-right:var(--space-2);border-right:2px solid var(--color-gray-200)}.logo-text{font-size:var(--text-lg);font-weight:var(--font-black);letter-spacing:var(--tracking-tight);color:var(--color-black)}.logo-subtitle{font-size:11px;font-weight:var(--font-bold);letter-spacing:.15em;color:var(--color-accent);margin-top:2px}.logo:hover{opacity:.85}.nav{display:flex;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-600);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-black)}.nav-link.active{color:var(--color-black);border-bottom:2px solid var(--color-accent)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.credits-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-gray-200);font-size:var(--text-sm)}.credits-icon{color:var(--color-accent);font-size:10px}.credits-value{font-weight:var(--font-bold);color:var(--color-black)}.credits-label{color:var(--color-gray-500);font-size:var(--text-xs)}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.username{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.user-id{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-gray-400);cursor:pointer;padding:1px 4px;border-radius:2px;transition:all var(--transition-fast)}.user-id:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.logout-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-white);border:var(--border-width) solid var(--color-gray-300);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{border-color:var(--color-black);color:var(--color-black)}.main{flex:1;max-width:var(--container-xl);width:100%;margin:0 auto;padding:var(--space-10) var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-10)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-black);letter-spacing:var(--tracking-tight);margin:0;color:var(--color-black)}.page-subtitle{font-size:var(--text-base);color:var(--color-gray-500);margin-top:var(--space-2);margin-bottom:0}.section{margin-bottom:var(--space-12)}.section-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-500);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--border-color)}.card{background-color:var(--color-white);border:var(--border-width) solid var(--border-color)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-4)}.card-padding-md{padding:var(--space-6)}.card-padding-lg{padding:var(--space-8)}.stat-card{background-color:var(--color-white);border:var(--border-width-2) solid var(--color-black);padding:var(--space-6);text-align:center}.stat-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-500);margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--color-black);line-height:1}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-12)}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}}.jobs-table-container{overflow-x:auto}.jobs-table{width:100%;border-collapse:collapse}.jobs-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-500);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-2) solid var(--color-black)}.jobs-table td{padding:var(--space-4);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--text-sm)}.jobs-table tr:hover td{background-color:var(--color-gray-50)}.job-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-gray-600)}.table-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-900);text-decoration:none}.table-link:hover{color:var(--color-accent)}.section-footer{margin-top:var(--space-4);text-align:right}.view-all-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);text-decoration:none}.view-all-link:hover{color:var(--color-black)}.form-section{margin-bottom:var(--space-10)}.form-error{background-color:var(--color-error-light);border:var(--border-width) solid var(--color-error);color:var(--color-error);padding:var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm)}.radio-group-container{margin-bottom:var(--space-4)}.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2)}.radio-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.radio-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-black)}.radio-option span{font-size:var(--text-sm)}.checkbox-group{margin-top:var(--space-4)}.checkbox-option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-black)}.checkbox-option span{font-size:var(--text-sm)}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.style-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--color-white);border:var(--border-width-2) solid var(--color-gray-200);cursor:pointer;transition:all var(--transition-fast);min-height:80px}.style-card:hover{border-color:var(--color-gray-400)}.style-card.selected{border-color:var(--color-black);background-color:var(--color-gray-50)}.style-card.selected:after{content:"●";position:absolute;top:var(--space-2);right:var(--space-2);font-size:8px}.style-name{font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center}.style-name-en{font-size:var(--text-xs);color:var(--color-gray-500);text-align:center;margin-top:var(--space-1)}.style-description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) 0;background:none;border:none;border-bottom:var(--border-width) solid var(--border-color);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-600);cursor:pointer}.advanced-toggle:hover{color:var(--color-black)}.advanced-options{margin-top:var(--space-4)}.form-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-width-2) solid var(--color-black)}.credits-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-size:var(--text-sm)}.credits-cost,.credits-balance{color:var(--color-gray-600)}.credits-info strong{color:var(--color-black);font-weight:var(--font-bold)}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:640px){.mode-cards{grid-template-columns:1fr}}.mode-card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5);background:var(--color-white);border:2px solid var(--color-gray-200);cursor:pointer;transition:all .2s ease;text-align:left}.mode-card:hover{border-color:var(--color-gray-400)}.mode-card.selected{border-color:var(--color-black);background:var(--color-gray-50)}.mode-icon{font-size:28px;margin-bottom:var(--space-3)}.layout-block{margin-bottom:var(--space-6)}.layout-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-2)}@media(max-width:640px){.layout-cards{grid-template-columns:1fr}}.layout-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);cursor:pointer;transition:all .2s ease;text-align:left}.layout-card:hover{border-color:var(--color-gray-400)}.layout-card.selected{border-color:var(--color-black);background:var(--color-gray-50)}.layout-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-black);font-family:var(--font-mono);font-weight:var(--font-bold);font-size:16px}.layout-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900)}.layout-desc{font-size:var(--text-xs);color:var(--color-gray-500)}.segmented{display:flex;width:100%;border:2px solid var(--color-gray-200);margin-top:var(--space-2)}.seg-btn{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:none;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;color:var(--color-gray-700)}.seg-btn:not(:last-child){border-right:1px solid var(--color-gray-200)}.seg-btn:hover{background:var(--color-gray-100)}.seg-btn.selected{background:var(--color-black);color:var(--color-white)}.layout-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-gray-500)}.mode-info{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.mode-name{font-size:var(--text-base);font-weight:var(--font-semibold)}.mode-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:12px;font-weight:var(--font-medium)}.mode-badge.recommended{background:#dcfce7;color:#16a34a}.mode-desc{margin:0;font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.5}.filter-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:var(--border-width-2) solid var(--color-black)}.filter-tab{padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);position:relative}.filter-tab:hover,.filter-tab.active{color:var(--color-black)}.filter-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-black)}.jobs-list{display:grid;gap:var(--space-4)}.job-card{display:block;padding:var(--space-5);background-color:var(--color-white);border:var(--border-width) solid var(--border-color);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.job-card:hover{border-color:var(--color-black)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-2)}.job-card-title{display:flex;flex-direction:column;gap:4px}.job-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-gray-600)}.mode-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:var(--font-semibold);border-radius:2px;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.job-card-body{margin-bottom:var(--space-3)}.job-stage{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.job-segments{font-size:var(--text-sm);color:var(--color-gray-700);margin:var(--space-1) 0 0}.job-error{font-size:var(--text-sm);color:var(--color-error);margin:0}.job-actions{margin-top:var(--space-2)}.progress-bar{height:4px;background-color:var(--color-gray-200);margin-bottom:var(--space-2);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-black);transition:width var(--transition-base)}.job-card-footer{display:flex;justify-content:space-between;align-items:center}.job-date{font-size:var(--text-xs);color:var(--color-gray-500)}.job-link-indicator{font-size:var(--text-xs);color:var(--color-success);font-weight:var(--font-medium)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background-color:var(--color-gray-50);border:var(--border-width) dashed var(--border-color)}.empty-state p{color:var(--color-gray-500);margin-bottom:var(--space-4)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-queued{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-queued:before{background-color:var(--color-gray-400)}.status-running{background-color:var(--color-info-light);color:var(--color-info)}.status-running:before{background-color:var(--color-info);animation:pulse 1s infinite}.status-succeeded{background-color:var(--color-success-light);color:var(--color-success)}.status-succeeded:before{background-color:var(--color-success)}.status-failed{background-color:var(--color-error-light);color:var(--color-error)}.status-failed:before{background-color:var(--color-error)}.status-paused{background-color:var(--color-warning-light);color:var(--color-warning)}.status-paused:before{background-color:var(--color-warning);animation:pulse 1.5s infinite}.status-needs-fix{background-color:var(--color-error-light);color:var(--color-error)}.status-needs-fix:before{background-color:var(--color-error)}.status-repairing{background-color:var(--color-warning-light);color:var(--color-warning)}.status-repairing:before{background-color:var(--color-warning);animation:pulse 1.2s infinite}.status-ready{background-color:var(--color-success-light);color:var(--color-success)}.status-ready:before{background-color:var(--color-success)}.status-canceled{background-color:var(--color-gray-100);color:var(--color-gray-500)}.status-canceled:before{background-color:var(--color-gray-400)}.pagination-info{text-align:right;font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-4)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) 0;margin-top:var(--space-4);border-top:var(--border-width) solid var(--color-gray-200);flex-wrap:wrap}.page-jump{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600)}.page-input{width:72px;padding:var(--space-1) var(--space-2);background:var(--color-white);border:var(--border-width) solid var(--color-gray-300);font-size:var(--text-sm)}.phase-progress{background:var(--color-white);border:var(--border-width-2) solid var(--color-black);padding:var(--space-8)}.phase-progress.state-failed{border-color:var(--color-error)}.phase-progress.state-done{border-color:var(--color-success)}.phase-progress.state-paused{border-color:var(--color-warning)}.phase-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-12) var(--space-8);color:var(--color-gray-500)}.loader-dots{display:flex;gap:8px}.loader-dots span{width:10px;height:10px;background:var(--color-accent);border-radius:50%;animation:loaderBounce 1.4s ease-in-out infinite}.loader-dots span:nth-child(1){animation-delay:0s}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes loaderBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.progress-main{margin-bottom:var(--space-8)}.progress-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-4)}.progress-status{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-500)}.status-badge-inline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.status-badge-inline:before{content:"";width:8px;height:8px;border-radius:50%}.status-badge-inline.status-queued{background-color:var(--color-gray-100);color:var(--color-gray-600)}.status-badge-inline.status-queued:before{background-color:var(--color-gray-400)}.status-badge-inline.status-running{background-color:var(--color-info-light);color:var(--color-info)}.status-badge-inline.status-running:before{background-color:var(--color-info);animation:pulse 1s infinite}.status-badge-inline.status-paused{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge-inline.status-paused:before{background-color:var(--color-warning);animation:pulse 1.5s infinite}.status-badge-inline.status-needs-fix{background-color:var(--color-error-light);color:var(--color-error)}.status-badge-inline.status-needs-fix:before{background-color:var(--color-error)}.status-badge-inline.status-repairing{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge-inline.status-repairing:before{background-color:var(--color-warning);animation:pulse 1.2s infinite}.status-badge-inline.status-ready{background-color:var(--color-success-light);color:var(--color-success)}.status-badge-inline.status-ready:before{background-color:var(--color-success)}.status-badge-inline.status-succeeded{background-color:var(--color-success-light);color:var(--color-success)}.status-badge-inline.status-succeeded:before{background-color:var(--color-success)}.status-badge-inline.status-failed{background-color:var(--color-error-light);color:var(--color-error)}.status-badge-inline.status-failed:before{background-color:var(--color-error)}.status-badge-inline.status-canceled{background-color:var(--color-gray-100);color:var(--color-gray-500)}.status-badge-inline.status-canceled:before{background-color:var(--color-gray-400)}.progress-number{display:flex;align-items:baseline;gap:2px}.progress-value{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--color-black);font-variant-numeric:tabular-nums;line-height:1}.progress-unit{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-gray-400)}.progress-track{height:4px;background:var(--color-gray-200);overflow:hidden}.progress-fill{height:100%;background:var(--color-black);transition:width .5s ease}.progress-fill.is-animating{background:var(--color-accent)}.progress-glow{display:none}.state-done .progress-fill{background:var(--color-success)}.state-failed .progress-fill{background:var(--color-error)}.state-paused .progress-fill{background:var(--color-warning)}.phase-list{display:flex;flex-direction:column;gap:0;padding:var(--space-6) 0;border-top:var(--border-width) solid var(--color-gray-200);border-bottom:var(--border-width) solid var(--color-gray-200)}.phase-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-gray-100)}.phase-item:last-child{border-bottom:none}.phase-item.active{background:transparent}.phase-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phase-item.completed .phase-icon{color:var(--color-success)}.phase-item.completed .phase-icon svg{width:18px;height:18px}.icon-active{position:relative;width:12px;height:12px}.pulse-ring{position:absolute;inset:-4px;border:2px solid var(--color-accent);border-radius:50%;animation:pulseRing 1.5s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.pulse-core{position:absolute;inset:0;background:var(--color-accent);border-radius:50%}.icon-pending{width:8px;height:8px;background:var(--color-gray-300);border-radius:50%}.phase-text{font-size:var(--text-sm);color:var(--color-gray-600);flex:1}.phase-item.completed .phase-text{color:var(--color-gray-500)}.phase-item.active .phase-text{color:var(--color-black);font-weight:var(--font-semibold)}.typing-dots{display:flex;gap:3px;margin-left:4px}.typing-dots span{font-size:16px;font-weight:var(--font-bold);color:var(--color-accent);animation:typingDots 1.4s infinite;opacity:0}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDots{0%,60%,to{opacity:0}30%{opacity:1}}.segment-badge{font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);background:var(--color-gray-100);color:var(--color-gray-600)}.segment-progress-section{margin-top:var(--space-6);padding-top:var(--space-6)}.segment-progress-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.sph-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-500)}.sph-stats{display:flex;gap:var(--space-3)}.sph-stat{font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3)}.sph-stat.done{background:var(--color-success-light);color:var(--color-success)}.sph-stat.running{background:var(--color-accent-light);color:var(--color-accent)}.sph-stat.pending{background:var(--color-gray-100);color:var(--color-gray-500)}.sph-stat.failed{background:var(--color-error-light);color:var(--color-error)}.segment-progress-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-3)}.seg-item{background:var(--color-white);border:var(--border-width) solid var(--color-gray-200);padding:var(--space-4);transition:border-color var(--transition-fast)}.seg-item.succeeded{border-color:var(--color-success)}.seg-item.running{border-color:var(--color-accent)}.seg-item.failed{border-color:var(--color-error)}.seg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.seg-num{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-gray-600)}.seg-spinner{width:14px;height:14px;border:2px solid var(--color-gray-200);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.seg-check{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-success)}.seg-fail{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-error)}.seg-bar{height:3px;background:var(--color-gray-200);overflow:hidden}.seg-fill{height:100%;transition:width .5s ease}.seg-item.pending .seg-fill{background:var(--color-gray-300)}.seg-item.running .seg-fill{background:var(--color-accent)}.seg-item.succeeded .seg-fill{background:var(--color-success)}.seg-item.failed .seg-fill{background:var(--color-error)}.status-banner{display:flex;gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-6)}.sb-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sb-content{flex:1}.sb-content strong{display:block;font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-1)}.sb-content p{margin:0;font-size:var(--text-sm);line-height:1.5}.status-banner.paused{background:var(--color-warning-light);border:var(--border-width) solid var(--color-warning)}.status-banner.paused .sb-icon{color:var(--color-warning)}.status-banner.paused .sb-content strong{color:var(--color-gray-900)}.status-banner.paused .sb-content p{color:var(--color-gray-600)}.status-banner.error{background:var(--color-error-light);border:var(--border-width) solid var(--color-error)}.status-banner.error .sb-icon,.status-banner.error .sb-content strong{color:var(--color-error)}.status-banner.error .sb-content p{color:var(--color-gray-700);word-break:break-word}.status-banner.done{background:var(--color-success-light);border:var(--border-width) solid var(--color-success)}.status-banner.done .sb-icon,.status-banner.done .sb-content strong{color:var(--color-success)}.status-banner.done .sb-content p{color:var(--color-gray-600)}.segment-row{display:flex;align-items:stretch;gap:var(--space-6);padding:var(--space-5);background:var(--color-white);border:var(--border-width) solid var(--color-gray-200);opacity:0;transform:translateY(10px);transition:all .3s ease}.segment-row.visible{opacity:1;transform:translateY(0)}.segment-row:hover{border-color:var(--color-gray-400)}.segment-row.succeeded{border-left:3px solid var(--color-success)}.segment-row.running{border-left:3px solid var(--color-accent)}.segment-row.failed{border-left:3px solid var(--color-error)}.segment-row.pending{border-left:3px solid var(--color-gray-300)}.sr-index{display:flex;align-items:center;justify-content:center;min-width:48px}.sr-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-gray-600)}.segment-row.succeeded .sr-num{background:var(--color-success-light);color:var(--color-success)}.segment-row.running .sr-num{background:var(--color-accent-light);color:var(--color-accent)}.segment-row.failed .sr-num{background:var(--color-error-light);color:var(--color-error)}.sr-preview{flex-shrink:0;overflow:hidden;background:var(--color-gray-900);position:relative;cursor:pointer;transition:transform var(--transition-fast)}.sr-preview.portrait{width:90px;height:160px}.sr-preview.landscape{width:160px;height:90px}.sr-preview:hover{transform:scale(1.02)}.sr-video-container{width:100%;height:100%;position:relative}.sr-video-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-gray-900)}.sr-video-loader:after{content:"";width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sr-video{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.sr-video.loaded{opacity:1}.sr-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009}.sr-play-btn{width:44px;height:44px;background:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.sr-preview:hover .sr-play-btn{transform:scale(1.1)}.sr-play-btn svg{width:20px;height:20px;color:var(--color-black);margin-left:2px}.sr-status-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sr-status-overlay.running{background:var(--color-accent)}.sr-status-overlay.retrying{background:var(--color-warning)}.sr-status-overlay.failed{background:var(--color-error)}.sr-status-overlay.retry-failed{background:#b91c1c}.sr-status-overlay.pending{background:var(--color-gray-600)}.sr-retry-badge{position:absolute;bottom:4px;right:4px;font-size:9px;font-weight:700;background:#00000080;color:#fff;padding:1px 4px;border-radius:2px}.sr-wave{display:flex;align-items:flex-end;gap:4px;height:28px}.sr-wave span{width:4px;background:#fff;animation:wave 1s ease-in-out infinite}.sr-wave span:nth-child(1){animation-delay:0s}.sr-wave span:nth-child(2){animation-delay:.1s}.sr-wave span:nth-child(3){animation-delay:.2s}.sr-wave span:nth-child(4){animation-delay:.3s}@keyframes wave{0%,to{height:8px}50%{height:28px}}.sr-fail-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;font-weight:var(--font-bold);font-size:18px}.sr-pending-icon{color:#ffffff80;font-size:32px}.sr-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.sr-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);width:fit-content;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.segment-row.pending .sr-status-badge{background:var(--color-gray-100);color:var(--color-gray-600)}.segment-row.running .sr-status-badge{background:var(--color-accent-light);color:var(--color-accent)}.segment-row.succeeded .sr-status-badge{background:var(--color-success-light);color:var(--color-success)}.segment-row.failed .sr-status-badge{background:var(--color-error-light);color:var(--color-error)}.sr-status-badge.retrying{background:var(--color-warning-light, #fef3c7);color:var(--color-warning)}.sr-status-badge.retry-failed{background:#fecaca;color:#b91c1c}.sr-mini-spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.sr-text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-meta{display:flex;flex-wrap:wrap;gap:var(--space-6)}.sr-meta-item{display:flex;align-items:center;gap:var(--space-2)}.sr-meta-label{font-size:var(--text-xs);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sr-meta-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700)}.sr-error{font-size:var(--text-sm);color:var(--color-error);padding:var(--space-3);background:var(--color-error-light);border:var(--border-width) solid var(--color-error);margin-top:var(--space-1)}.sr-actions{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding-left:var(--space-6);border-left:var(--border-width) solid var(--color-gray-200)}.sr-actions .btn{min-width:100px;justify-content:center}@media(max-width:768px){.segment-row{flex-wrap:wrap;padding:var(--space-4)}.sr-index{position:absolute;top:var(--space-4);left:var(--space-4);z-index:1}.sr-preview.portrait{width:90px;height:160px;margin:0 auto}.sr-preview.landscape{width:160px;height:90px;margin:0 auto}.sr-info{width:100%}.sr-actions{width:100%;flex-direction:row;border-left:none;border-top:var(--border-width) solid var(--color-gray-200);padding-left:0;padding-top:var(--space-4);margin-top:var(--space-2)}.sr-actions .btn{flex:1}}.se-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6);opacity:0;transition:opacity .2s ease}.se-overlay.visible{opacity:1}.se-modal{background:var(--color-white);border:var(--border-width-2) solid var(--color-black);width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:all .3s ease}.se-modal.visible{transform:translateY(0);opacity:1}.se-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width) solid var(--color-gray-200)}.se-header-info{display:flex;align-items:center;gap:var(--space-3)}.se-badge{font-size:var(--text-sm);font-weight:var(--font-bold);padding:var(--space-2) var(--space-3);background:var(--color-black);color:var(--color-white)}.se-duration{font-size:var(--text-sm);color:var(--color-gray-500)}.se-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:var(--border-width) solid var(--color-gray-300);cursor:pointer;transition:all var(--transition-fast)}.se-close:hover{border-color:var(--color-black)}.se-close svg{width:18px;height:18px;color:var(--color-gray-600)}.se-content{flex:1;overflow-y:auto;padding:var(--space-6)}.se-field{margin-bottom:var(--space-6)}.se-field:last-of-type{margin-bottom:0}.se-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-600);margin-bottom:var(--space-2)}.se-label-lock{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-gray-400);text-transform:none;letter-spacing:normal}.se-label-edit{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-accent);text-transform:none;letter-spacing:normal}.se-readonly{padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:var(--border-width) solid var(--color-gray-200);font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.5}.se-textarea{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-2) solid var(--color-gray-300);font-size:var(--text-sm);line-height:1.5;resize:vertical;transition:border-color var(--transition-fast);font-family:inherit}.se-textarea:focus{outline:none;border-color:var(--color-black)}.se-textarea::placeholder{color:var(--color-gray-400)}.se-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.4}.se-radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.se-radio{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);border:var(--border-width-2) solid transparent;cursor:pointer;transition:all var(--transition-fast)}.se-radio:hover{background:var(--color-gray-100)}.se-radio.selected{border-color:var(--color-black);background:var(--color-white)}.se-radio input{margin-top:2px;accent-color:var(--color-accent)}.se-radio-content{display:flex;flex-direction:column;gap:2px}.se-radio-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-800)}.se-radio-desc{font-size:var(--text-xs);color:var(--color-gray-500)}.se-info-bar{display:flex;gap:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-gray-50);margin-top:var(--space-5)}.se-info-item{display:flex;align-items:center;gap:var(--space-2)}.se-info-label{font-size:var(--text-xs);color:var(--color-gray-500)}.se-info-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-800)}.se-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-error-light);border:var(--border-width) solid var(--color-error);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-error)}.se-error svg{width:18px;height:18px;flex-shrink:0}.se-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:var(--border-width) solid var(--color-gray-200)}@media(max-width:640px){.se-overlay{padding:0;align-items:flex-end}.se-modal{max-width:100%;max-height:90vh;border-left:none;border-right:none;border-bottom:none;transform:translateY(100%)}.se-modal.visible{transform:translateY(0)}.se-footer{flex-direction:column-reverse}.se-footer .btn{width:100%}}.task-header{margin-bottom:var(--space-8)}.back-link{display:inline-block;font-size:var(--text-sm);color:var(--color-gray-500);text-decoration:none;margin-bottom:var(--space-4)}.back-link:hover{color:var(--color-black)}.task-title-row{display:flex;align-items:center;gap:var(--space-3)}.task-title{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.mode-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:var(--font-semibold);border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.status-section{margin-bottom:var(--space-8);padding:var(--space-6);background-color:var(--color-gray-50);border:var(--border-width-2) solid var(--color-black)}.status-main{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.status-badge-large{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.status-badge-large:before{content:"";width:8px;height:8px;border-radius:50%}.status-badge-large.status-queued{background-color:var(--color-gray-200);color:var(--color-gray-700)}.status-badge-large.status-queued:before{background-color:var(--color-gray-500)}.status-badge-large.status-running{background-color:var(--color-info-light);color:var(--color-info)}.status-badge-large.status-running:before{background-color:var(--color-info);animation:pulse 1s infinite}.status-badge-large.status-succeeded{background-color:var(--color-success-light);color:var(--color-success)}.status-badge-large.status-succeeded:before{background-color:var(--color-success)}.status-badge-large.status-failed{background-color:var(--color-error-light);color:var(--color-error)}.status-badge-large.status-failed:before{background-color:var(--color-error)}.status-badge-large.status-canceled{background-color:var(--color-gray-200);color:var(--color-gray-600)}.status-badge-large.status-canceled:before{background-color:var(--color-gray-500)}.status-badge-large.status-paused{background-color:var(--color-warning-light);color:var(--color-warning)}.status-badge-large.status-paused:before{background-color:var(--color-warning);animation:pulse 1.5s infinite}.progress-text{font-size:var(--text-2xl);font-weight:var(--font-black)}.progress-bar-large{height:8px;background-color:var(--color-gray-200);margin-bottom:var(--space-4)}.progress-bar-large .progress-fill{height:100%;background-color:var(--color-black);transition:width var(--transition-base)}.current-stage{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.logs-section{margin-bottom:var(--space-8)}.logs-card{background-color:var(--color-gray-900)}.logs-actions{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.logs-link{color:var(--color-gray-200);font-size:var(--text-xs);text-decoration:none}.logs-link:hover{text-decoration:underline}.logs-content{height:400px;overflow-y:auto;padding:var(--space-4);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--color-gray-300);white-space:pre-wrap;word-break:break-all}.details-section{margin-top:var(--space-8)}.details-card{padding:var(--space-6)}.detail-item{margin-bottom:var(--space-4)}.detail-item:last-child{margin-bottom:0}.detail-item h4{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500);margin-bottom:var(--space-1)}.detail-item p{font-size:var(--text-sm);margin:0}.detail-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.script-content{font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word;background-color:var(--color-gray-100);color:var(--color-gray-900);padding:var(--space-4);margin:0;max-height:300px;overflow-y:auto;border:1px solid var(--color-gray-200)}.style-prompt{font-size:var(--text-sm);color:var(--color-gray-600);font-style:italic}.info-section{margin-bottom:var(--space-8)}.info-card{padding:var(--space-6)}.info-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:0}.info-item dt{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500)}.info-item dd{font-size:var(--text-sm);margin:0}.info-item dd.mono{font-family:var(--font-mono)}.info-item.error dd{color:var(--color-error)}.result-section{margin-bottom:var(--space-8)}.result-card{padding:var(--space-6)}.result-stack{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.result-preview{width:100%}.result-preview-video{width:100%;max-height:320px;background:var(--color-black);border:1px solid var(--color-gray-200);border-radius:2px;display:block}.result-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.download-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-6);height:44px;background-color:var(--color-black);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-bold);text-decoration:none;border-radius:2px;transition:all var(--transition-fast);border:2px solid var(--color-black)}.download-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;background-color:var(--color-gray-900)}.download-link-secondary{font-size:var(--text-sm);color:var(--color-gray-500);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:2px;transition:color var(--transition-fast)}.download-link-secondary:hover{color:var(--color-black);text-decoration:underline;text-underline-offset:4px}.btn-icon{font-family:var(--font-mono);font-size:16px;line-height:1}.retry-section{margin-top:var(--space-8)}.retry-card{padding:var(--space-6)}.retry-desc{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.retry-actions{display:flex;gap:var(--space-3)}.retry-options{display:flex;flex-direction:column;gap:var(--space-4)}.retry-option{padding:var(--space-4);background-color:var(--color-gray-50);border:var(--border-width) solid var(--border-color)}.retry-option h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.cancel-section{margin-top:var(--space-8)}.cancel-card{padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.cancel-info{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.retry-option p{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-3)}.segments-list{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-color)}.segments-list h4{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.segment-item{padding:var(--space-3);border:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-1)}.segment-item.segment-succeeded{border-color:var(--color-success);background-color:var(--color-success-light)}.segment-item.segment-failed{border-color:var(--color-error);background-color:var(--color-error-light)}.segment-index{font-weight:var(--font-semibold);font-size:var(--text-sm)}.segment-status{font-size:var(--text-xs);text-transform:uppercase}.segment-status.status-succeeded{color:var(--color-success)}.segment-status.status-failed{color:var(--color-error)}.segment-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1);word-break:break-word}.payload-edit{display:flex;flex-direction:column;gap:var(--space-4)}.edit-field{display:flex;flex-direction:column;gap:var(--space-2)}.edit-field label{font-size:var(--text-sm);font-weight:var(--font-semibold)}.edit-field textarea{padding:var(--space-3);border:var(--border-width) solid var(--border-color);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical}.edit-field textarea:focus{outline:none;border-color:var(--color-black)}.radio-group-inline{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group-inline label{display:flex;align-items:center;gap:var(--space-2);font-weight:400;cursor:pointer}.radio-group-inline input[type=radio]{margin:0}.edit-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.current-payload{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-color)}.current-payload h4{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3)}.current-payload dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);font-size:var(--text-sm)}.current-payload dt{color:var(--color-gray-500)}.current-payload dd{word-break:break-word}.error-state p{color:var(--color-gray-500);margin-bottom:var(--space-4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.phase-section,.segments-section{margin-bottom:var(--space-8)}.segments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.segments-summary-bar{display:flex;align-items:center;gap:16px;font-size:13px;font-weight:600}.summary-done{color:var(--color-success)}.summary-running{color:var(--color-accent)}.summary-retrying{color:var(--color-warning)}.summary-failed{color:var(--color-error)}.summary-failed small{font-weight:400;opacity:.8;margin-left:2px}.summary-total{color:var(--color-gray-500)}.segments-actions{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.segments-filters{display:inline-flex;gap:var(--space-2)}.segments-filter-btn{border:var(--border-width) solid var(--border-color);background:var(--color-white);color:var(--color-gray-600);font-size:var(--text-xs);padding:4px 8px;cursor:pointer;transition:all var(--transition-fast)}.segments-filter-btn:hover:not(:disabled){border-color:var(--color-black);color:var(--color-black)}.segments-filter-btn.active{border-color:var(--color-black);color:var(--color-black);font-weight:var(--font-semibold)}.segments-filter-btn:disabled{opacity:.5;cursor:not-allowed}.segments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:var(--space-6)}.synthesis-section{margin-top:var(--space-6)}.synthesis-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-radius:12px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.synthesis-card.ready{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #86efac}.synthesis-card.pending{background:#f9fafb;border:1px solid #e5e7eb}.synthesis-card.warning{background:#fffbeb;border:2px solid #fbbf24}.synthesis-card.error{background:#fef2f2;border:2px solid #f87171}.synthesis-content{display:flex;align-items:center;gap:16px}.synthesis-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;border-radius:12px;font-size:20px;font-weight:700}.synthesis-icon.pending{background:#e5e7eb;color:#6b7280}.synthesis-icon.warning{background:#fbbf24;color:#fff}.synthesis-icon.error{background:#f87171;color:#fff}.synthesis-actions{display:flex;gap:var(--space-3)}.synthesis-info strong{display:block;font-size:15px;margin-bottom:var(--space-1)}.synthesis-info p{margin:0;font-size:var(--text-sm);color:var(--color-gray-600)}.error-banner{padding:var(--space-4);background:#fef2f2;border:1px solid var(--color-error);color:var(--color-error);margin-bottom:var(--space-6);font-size:var(--text-sm)}.error-message{color:var(--color-error);font-size:var(--text-sm);margin:var(--space-3) 0;padding:var(--space-3);background:#fef2f2;border:1px solid var(--color-error)}.external-link{color:var(--color-info);text-decoration:none;word-break:break-all}.external-link:hover{text-decoration:underline}.logs-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-3) 0;background:none;border:none;border-bottom:1px solid var(--color-gray-200);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500);cursor:pointer;margin-bottom:var(--space-4)}.logs-toggle:hover{color:var(--color-gray-900)}.toggle-arrow{font-size:10px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-gray-500);gap:var(--space-4)}.loading-spinner-large{width:48px;height:48px;border:3px solid var(--color-gray-200);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.error-state .back-link{margin-bottom:var(--space-8)}.error-state h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.error-state .error-detail{color:var(--color-gray-500);margin-bottom:var(--space-6);max-width:400px}.admin-error{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-error-light);border:var(--border-width) solid var(--color-error);color:var(--color-error);padding:var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm)}.error-close{background:none;border:none;font-size:var(--text-lg);cursor:pointer;color:var(--color-error)}.admin-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:var(--border-width-2) solid var(--color-black)}.tab{padding:var(--space-3) var(--space-6);background:none;border:none;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500);cursor:pointer;position:relative}.tab:hover,.tab.active{color:var(--color-black)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-black)}.tab-header{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between}.jobs-filters{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.search-input{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--border-color);font-size:var(--text-sm);min-width:200px}.search-input:focus{outline:none;border-color:var(--color-black)}.filter-select{padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--border-color);font-size:var(--text-sm)}.jobs-pagination-info{font-size:var(--text-sm);color:var(--color-gray-600)}@media(max-width:900px){.tab-header{align-items:stretch}.jobs-filters{width:100%}.search-input,.filter-select{min-width:0;flex:1 1 220px}.jobs-pagination-info{width:100%;text-align:right}}.mode-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:var(--font-semibold);border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.mode-badge.mode-auto{background:var(--color-success-light);color:var(--color-success)}.mode-badge.mode-semi-auto{background:var(--color-warning-light, #fef3c7);color:var(--color-warning)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0;margin-top:var(--space-4);border-top:var(--border-width) solid var(--color-gray-200)}.page-btn{padding:var(--space-2) var(--space-4);background:var(--color-gray-100);border:var(--border-width) solid var(--color-gray-300);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--color-gray-200)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{padding:0 var(--space-4);font-size:var(--text-sm);color:var(--color-gray-600)}.create-form-card{margin-bottom:var(--space-8);padding:var(--space-6)}.form-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;gap:var(--space-2)}.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{width:100%;border-collapse:collapse}.users-table-container .users-table{min-width:720px}.users-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-500);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-2) solid var(--color-black)}.users-table td{padding:var(--space-4);border-bottom:var(--border-width) solid var(--border-color);font-size:var(--text-sm);vertical-align:middle}.users-table tr:hover td{background-color:var(--color-gray-50)}.users-table tr.inactive td{opacity:.5}.username{font-weight:var(--font-medium)}.user-name-block{display:flex;flex-direction:column;gap:4px}.user-name-row{display:flex;align-items:center;gap:var(--space-2)}.user-id{color:var(--color-gray-500);word-break:break-all;-webkit-user-select:text;user-select:text}.admin-badge{display:inline-block;margin-left:var(--space-2);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);background-color:var(--color-gray-900);color:var(--color-white)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-2)}.status-dot.active{background-color:var(--color-success)}.status-dot.inactive{background-color:var(--color-gray-400)}.credits-cell{white-space:nowrap}.credits-value{font-weight:var(--font-bold);margin-right:var(--space-2)}.grant-btn{padding:var(--space-1) var(--space-2);background:none;border:var(--border-width) solid var(--color-gray-300);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.grant-btn:hover{border-color:var(--color-black)}.grant-inline{display:inline-flex;gap:var(--space-1);align-items:center;margin-left:var(--space-2)}.grant-input{width:60px;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-gray-300);font-size:var(--text-xs)}.grant-confirm,.grant-cancel{padding:var(--space-1) var(--space-2);border:none;font-size:var(--text-xs);cursor:pointer}.grant-confirm{background-color:var(--color-black);color:var(--color-white)}.grant-cancel{background-color:var(--color-gray-200);color:var(--color-gray-700)}.toggle-btn{padding:var(--space-1) var(--space-2);background:none;border:var(--border-width) solid var(--color-gray-300);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.loading{text-align:center;padding:var(--space-12);color:var(--color-gray-500)}.error-state{text-align:center;padding:var(--space-12)}.error-state p{color:var(--color-gray-500)}.jobs-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.jobs-table-container .users-table{min-width:980px}.view-btn{padding:var(--space-1) var(--space-2);background:none;border:var(--border-width) solid var(--color-gray-300);font-size:var(--text-xs);cursor:pointer}.view-btn:hover{border-color:var(--color-black)}.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.status-queued{background:var(--color-gray-100);color:var(--color-gray-600)}.status-running{background:var(--color-info-light);color:var(--color-info)}.status-succeeded{background:var(--color-success-light);color:var(--color-success)}.status-failed{background:var(--color-error-light);color:var(--color-error)}.job-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.job-detail-header h3{font-family:var(--font-mono);font-size:var(--text-lg);margin:0}.close-btn{background:none;border:none;font-size:var(--text-2xl);cursor:pointer;color:var(--color-gray-500)}.close-btn:hover{color:var(--color-black)}.job-detail-card{padding:var(--space-6);max-height:80vh;overflow-y:auto}.job-section{margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200)}.job-section h4{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-gray-200)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500)}.info-value{font-size:var(--text-sm);color:var(--color-gray-900)}.info-value.link{color:var(--color-accent);text-decoration:underline;word-break:break-all}.info-value.link:hover{opacity:.8}.error-box{margin-top:var(--space-4);padding:var(--space-3);background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-error)}.error-box strong{display:block;margin-bottom:var(--space-1)}.error-box p{margin:0;font-size:var(--text-sm)}.param-item{margin-bottom:var(--space-4)}.param-label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-gray-500);margin-bottom:var(--space-1)}.param-value{font-size:var(--text-sm);color:var(--color-gray-900)}.script-content{font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;word-break:break-word;background-color:var(--color-gray-100);color:var(--color-gray-900);padding:var(--space-3);margin:0;max-height:300px;overflow-y:auto;border:1px solid var(--color-gray-200)}.style-prompt{font-size:var(--text-sm);color:var(--color-gray-700);background-color:var(--color-gray-100);padding:var(--space-3);margin:0;white-space:pre-wrap;word-break:break-word;border:1px solid var(--color-gray-200)}.job-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-logs h4{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2)}.logs-pre{background-color:var(--color-gray-900);color:var(--color-gray-300);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);max-height:400px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.settings-card{padding:var(--space-6)}.settings-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.settings-desc{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-6)}.concurrency-grid{display:grid;gap:var(--space-4)}.concurrency-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-gray-50);border:var(--border-width) solid var(--border-color)}.concurrency-item label{font-weight:var(--font-medium)}.concurrency-control{display:flex;align-items:center;gap:var(--space-3)}.running-count{font-size:var(--text-sm);color:var(--color-gray-500)}.running-count.static-value{font-weight:var(--font-bold);color:var(--color-gray-700)}.hint-text{font-size:var(--text-xs);color:var(--color-gray-400);font-style:italic}.concurrency-input{width:60px;padding:var(--space-2);border:var(--border-width) solid var(--border-color);text-align:center;font-size:var(--text-sm)}.save-btn{padding:var(--space-2) var(--space-4);background-color:var(--color-black);color:var(--color-white);border:none;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;cursor:pointer}.save-btn:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.storage-status{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.storage-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:var(--font-semibold)}.storage-pill.ok{background:var(--color-success-light);color:var(--color-success)}.storage-pill.bad{background:var(--color-error-light);color:var(--color-error)}.storage-hint{font-size:var(--text-sm);color:var(--color-gray-600)}.storage-modes{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.storage-mode{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-700)}.storage-actions{display:flex;justify-content:flex-end}.delete-btn{padding:var(--space-1) var(--space-3);background:none;border:var(--border-width) solid var(--color-error);color:var(--color-error);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;margin-left:var(--space-2)}.delete-btn:hover{background-color:var(--color-error);color:var(--color-white)}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.actions-cell{display:flex;gap:var(--space-2);white-space:nowrap}@media(max-width:900px){.users-table-container .users-table,.jobs-table-container .users-table{min-width:0}.users-table thead{display:none}.users-table tr{display:block;border-bottom:var(--border-width) solid var(--color-gray-200);margin-bottom:var(--space-3)}.users-table td{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:none}.users-table td:before{content:attr(data-label);flex:0 0 72px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-500);letter-spacing:var(--tracking-wider)}.users-table td.actions-cell,.users-table td.job-actions{flex-wrap:wrap;white-space:normal}.users-table td.actions-cell:before,.users-table td.job-actions:before{margin-top:2px}}.job-detail-actions{display:flex;gap:var(--space-3);align-items:center}.cancel-job-btn{padding:var(--space-2) var(--space-4);background:none;border:var(--border-width) solid var(--color-error);color:var(--color-error);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;cursor:pointer}.cancel-job-btn:hover{background-color:var(--color-error);color:var(--color-white)}.pause-job-btn{padding:var(--space-2) var(--space-4);background:none;border:var(--border-width) solid var(--color-warning);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;cursor:pointer}.pause-job-btn:hover{background-color:var(--color-warning);color:var(--color-white)}.delete-job-btn{padding:var(--space-2) var(--space-4);background:none;border:var(--border-width) solid var(--color-error);color:var(--color-error);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;cursor:pointer}.delete-job-btn:hover{background-color:var(--color-error);color:var(--color-white)}.delete-job-btn:disabled{opacity:.5;cursor:not-allowed}.job-actions{display:flex;gap:var(--space-2);align-items:center;white-space:nowrap}.cancel-job-btn-sm,.pause-job-btn-sm,.delete-job-btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border:var(--border-width) solid;background:none;cursor:pointer;white-space:nowrap}.cancel-job-btn-sm{border-color:var(--color-error);color:var(--color-error)}.cancel-job-btn-sm:hover{background-color:var(--color-error);color:var(--color-white)}.pause-job-btn-sm{border-color:var(--color-warning);color:var(--color-warning)}.pause-job-btn-sm:hover{background-color:var(--color-warning);color:var(--color-white)}.delete-job-btn-sm{border-color:var(--color-error);color:var(--color-error)}.delete-job-btn-sm:hover{background-color:var(--color-error);color:var(--color-white)}.delete-job-btn-sm:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--color-gray-500);font-size:var(--text-sm)}.link{color:var(--color-accent);text-decoration:underline}.link:hover{opacity:.85}.segments-debug-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.failed-segs-list{display:grid;gap:var(--space-3)}.failed-seg-item{padding:var(--space-4);background-color:var(--color-gray-50);border:var(--border-width) solid var(--color-gray-200)}.failed-seg-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.failed-seg-error{font-size:var(--text-sm);color:var(--color-error);margin-bottom:var(--space-2);white-space:pre-wrap;word-break:break-word}.failed-seg-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-gray-600)}
