:root{color-scheme:light;--background:#fafafa;--foreground:#0f1729;--card:#fff;--card-foreground:#0f1729;--muted:#f1f5f9;--muted-foreground:#637288;--border:#e1e7ef;--input:#e1e7ef;--primary:#ee522b;--primary-dark:#e23c12;--primary-foreground:#fff;--accent:#f1f5f9;--danger:#ef4343;--success:#23a968;--warning:#f59f0a;--info:#0aa0eb;--ring:rgba(238,82,43,.25);--shadow:0 1px 2px rgba(15,23,41,.06),0 14px 32px rgba(15,23,41,.05)}*{box-sizing:border-box}html{min-width:320px;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{margin:0}button,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}.page-shell{min-height:100vh;background:var(--background);color:var(--foreground)}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__inner{display:flex;width:100%;max-width:72rem;flex-direction:column;gap:1rem;margin:0 auto;padding:1.25rem 1rem}.brand{color:var(--foreground);font-size:1.25rem;font-weight:650;text-decoration:none}.topbar__actions{flex-wrap:wrap;gap:.75rem}.pill-nav,.topbar__actions{display:flex;align-items:center}.pill-nav{border:1px solid var(--border);border-radius:999px;background:var(--background);padding:.25rem;font-size:.875rem}.pill-nav__item{border-radius:999px;color:var(--muted-foreground);font-weight:600;padding:.5rem 1rem;text-decoration:none}.pill-nav__item.is-active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 2px #00000014}.language-select{display:inline-flex;height:2.5rem;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:.625rem;background:var(--card);color:var(--muted-foreground);padding:0 .75rem}.language-select select{min-width:7.5rem;border:0;background:transparent;color:var(--foreground);font-size:.875rem;font-weight:600;outline:0}.content{width:100%;max-width:72rem;margin:0 auto;padding:2rem 1rem 4rem}.stack{display:flex;flex-direction:column;gap:1.5rem}.hero-card,.panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.hero-card{position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem}.hero-card__halo{position:absolute;right:0;top:0;width:8rem;height:8rem;border-bottom-left-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent)}.hero-card__copy{position:relative;max-width:42rem}.badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:.75rem;font-weight:650;padding:.25rem .75rem}.hero-card h1{margin:1rem 0 0;color:var(--foreground);font-size:1.75rem;line-height:1.2;font-weight:750}.hero-card p{margin:.75rem 0 0;color:var(--muted-foreground);font-size:1rem;line-height:1.6}.queue-grid{position:relative;display:grid;gap:.75rem;margin-top:1.5rem}.queue-tile{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--background) 82%,transparent);padding:1rem;color:color-mix(in srgb,var(--muted-foreground) 62%,transparent)}.queue-tile--primary{border-color:color-mix(in srgb,var(--primary) 18%,var(--border));color:color-mix(in srgb,var(--primary) 58%,transparent)}.queue-tile p{margin:0;color:var(--muted-foreground);font-size:.75rem;font-weight:650;text-transform:uppercase}.queue-tile strong{display:block;margin-top:.5rem;color:var(--foreground);font-size:2rem;line-height:1}.queue-tile--primary strong{color:var(--primary)}.queue-hint{position:relative;margin-top:.75rem;color:var(--muted-foreground);font-size:.75rem}.submit-grid{display:grid;gap:1.5rem}.panel{border-radius:.75rem;padding:1.25rem}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.flow-panel h2,.panel-heading h2{margin:0;color:var(--card-foreground);font-size:1.125rem;line-height:1.3}.batch-panel p,.panel-heading p,.token-box p{margin:.35rem 0 0;color:var(--muted-foreground);font-size:.875rem;line-height:1.55}.counter{flex:0 0 auto;border-radius:999px;background:var(--muted);color:var(--muted-foreground);font-size:.75rem;font-weight:650;padding:.25rem .625rem}.counter.is-danger{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.text-input{width:100%;min-height:6rem;resize:vertical;border:1px solid var(--input);border-radius:.625rem;background:var(--background);color:var(--foreground);outline:0;padding:.75rem;transition:border-color .16s ease,box-shadow .16s ease}.text-input--large{min-height:10rem}.text-input--mono,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.text-input::-moz-placeholder{color:color-mix(in srgb,var(--muted-foreground) 72%,transparent)}.text-input::placeholder{color:color-mix(in srgb,var(--muted-foreground) 72%,transparent)}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.cdk-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.batch-panel code,.cdk-preview span,.task-meta code{border-radius:.375rem;background:var(--muted);color:var(--foreground);font-size:.75rem;padding:.25rem .5rem;word-break:break-all}.button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:.625rem;font-size:.875rem;font-weight:700;padding:0 1.25rem;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.button:disabled{opacity:.55}.button--primary{margin-top:1.25rem;background:var(--primary);color:var(--primary-foreground)}.button--primary:hover:not(:disabled){background:var(--primary-dark)}.button--ghost{border-color:var(--border);background:var(--card);color:var(--muted-foreground);padding:0 .75rem}.button--ghost:hover:not(:disabled){background:var(--accent);color:var(--foreground)}.button--small{min-height:2.25rem;padding:0 1rem}.button--danger{min-height:2rem;border-color:color-mix(in srgb,var(--danger) 32%,var(--border));background:var(--card);color:var(--danger);font-size:.75rem;padding:0 .75rem}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent)}.flow-panel{background:var(--background);box-shadow:none}.batch-panel ol,.flow-panel ol{margin:1rem 0 0;padding:0;list-style:none}.flow-panel li{display:flex;gap:.75rem;margin-top:.75rem;color:var(--muted-foreground);font-size:.875rem;line-height:1.55}.batch-panel li span,.flow-panel li span{display:inline-flex;flex:0 0 auto;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:.75rem;font-weight:750}.panel-heading--records{align-items:center}.batch-panel{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem;border:1px solid color-mix(in srgb,var(--info) 20%,var(--border));border-radius:.75rem;background:color-mix(in srgb,var(--info) 5%,var(--card));padding:1rem}.batch-title{display:flex;align-items:center;gap:.5rem;color:color-mix(in srgb,var(--info) 78%,var(--foreground))}.batch-panel__order p,.batch-title h3{margin:0;color:var(--foreground);font-size:.875rem}.batch-panel textarea{margin-top:.75rem}.batch-panel__order{border:1px solid var(--border);border-radius:.625rem;background:color-mix(in srgb,var(--background) 80%,transparent);padding:.75rem}.batch-panel__order ol{max-height:12rem;overflow:auto;padding-right:.25rem}.batch-panel__order li{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem}.empty-state{display:flex;min-height:13rem;flex-direction:column;align-items:center;justify-content:center;color:color-mix(in srgb,var(--muted-foreground) 38%,transparent);text-align:center}.empty-state strong{margin-top:.75rem;color:var(--foreground)}.empty-state p{margin:.25rem 0 0;color:var(--muted-foreground);font-size:.875rem}.alert{display:flex;align-items:center;gap:.75rem;border:1px solid color-mix(in srgb,var(--danger) 20%,var(--border));border-radius:.625rem;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);padding:1rem}.task-list{display:grid;gap:.75rem}.task-card{border:1px solid var(--border);border-radius:.625rem;background:var(--background);padding:1rem;transition:border-color .16s ease}.task-card:hover{border-color:color-mix(in srgb,var(--muted-foreground) 25%,var(--border))}.task-card__top{display:flex;flex-direction:column;gap:.75rem}.task-card__main{min-width:0;flex:1}.task-meta{display:flex;flex-wrap:wrap;gap:.5rem}.tag,.task-meta{align-items:center}.tag{display:inline-flex;gap:.25rem;border-radius:999px;font-size:.75rem;font-weight:650;padding:.25rem .5rem}.tag--warning{background:color-mix(in srgb,var(--warning) 10%,transparent);color:color-mix(in srgb,var(--warning) 70%,var(--foreground))}.tag--primary{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.reason{margin:.5rem 0 0;color:var(--danger);font-size:.875rem}.progress-box{margin-top:.75rem;border:1px solid var(--border);border-radius:.625rem;background:color-mix(in srgb,var(--card) 60%,transparent);padding:.75rem}.progress-box__foot,.progress-box__head,.task-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.progress-box__head{color:var(--muted-foreground);font-size:.75rem}.progress-box__head span:first-child{color:var(--foreground);font-weight:650}.progress-track{height:.5rem;overflow:hidden;border-radius:999px;background:var(--muted);margin-top:.5rem}.progress-fill{height:100%;border-radius:inherit;transition:width .22s ease}.progress-fill--success{background:var(--success)}.progress-fill--danger{background:var(--danger)}.progress-fill--info{background:var(--info)}.progress-fill--warning{background:var(--warning)}.progress-fill--muted{background:var(--muted-foreground)}.progress-box__foot{margin-top:.5rem;color:var(--muted-foreground);font-size:.6875rem}.queue-position{margin:.5rem 0 0;border-radius:.375rem;background:color-mix(in srgb,var(--warning) 10%,transparent);color:color-mix(in srgb,var(--warning) 70%,var(--foreground));font-size:.75rem;font-weight:650;padding:.375rem .5rem}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;border:1px solid var(--border);border-radius:999px;font-size:.75rem;font-weight:750;padding:.25rem .625rem}.status-pill--success{border-color:color-mix(in srgb,var(--success) 20%,var(--border));background:color-mix(in srgb,var(--success) 10%,transparent);color:color-mix(in srgb,var(--success) 75%,var(--foreground))}.status-pill--danger{border-color:color-mix(in srgb,var(--danger) 20%,var(--border));background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.status-pill--info{border-color:color-mix(in srgb,var(--info) 20%,var(--border));background:color-mix(in srgb,var(--info) 10%,transparent);color:color-mix(in srgb,var(--info) 72%,var(--foreground))}.status-pill--warning{border-color:color-mix(in srgb,var(--warning) 20%,var(--border));background:color-mix(in srgb,var(--warning) 10%,transparent);color:color-mix(in srgb,var(--warning) 70%,var(--foreground))}.status-pill--muted{background:var(--muted);color:var(--muted-foreground)}.token-box{margin-top:1rem;border:1px solid color-mix(in srgb,var(--primary) 15%,var(--border));border-radius:.625rem;background:color-mix(in srgb,var(--primary) 5%,var(--card));padding:.75rem}.token-box label{display:flex;align-items:center;gap:.5rem;color:var(--foreground);font-size:.875rem;font-weight:650}.token-box textarea{margin-top:.75rem}.task-card__bottom{flex-wrap:wrap;margin-top:1rem}.task-details{display:grid;flex:1;gap:.5rem;color:var(--muted-foreground);font-size:.75rem}.toast{position:fixed;left:50%;top:1rem;z-index:50;display:flex;width:min(calc(100vw - 2rem),34rem);transform:translate(-50%);align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--card);box-shadow:0 16px 48px #0f172929;padding:.875rem 1rem}.toast--success{border-color:color-mix(in srgb,var(--success) 24%,var(--border));color:color-mix(in srgb,var(--success) 70%,var(--foreground))}.toast--error{border-color:color-mix(in srgb,var(--danger) 24%,var(--border));color:var(--danger)}.toast button{display:inline-flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--muted);color:currentColor;font-weight:750}.spin{animation:spin .9s linear infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:640px){.topbar__inner{flex-direction:row;align-items:center;justify-content:space-between}.content,.topbar__inner{padding-inline:1.5rem}.queue-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:42rem}.hero-card{padding:2rem}.hero-card h1{font-size:2rem}.task-card__top{flex-direction:row;align-items:flex-start;justify-content:space-between}.task-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.content{padding-inline:2rem}.submit-grid{grid-template-columns:minmax(0,1fr) 22rem}.batch-panel{flex-direction:row;align-items:flex-start;justify-content:space-between}.batch-panel__main{min-width:0;flex:1}.batch-panel__order{width:20rem}}