.brand-mark{width:32px;height:32px;flex:none}.brand-mark .bm-tile{fill:var(--accent)}.brand-mark .bm-ink,.brand-mark .bm-dim{fill:var(--accent-ink)}.brand-mark .bm-dim{opacity:.35}.brand-word{font-family:var(--font-display);font-size:25px;line-height:1;letter-spacing:.01em;color:var(--text-1);white-space:nowrap}.btn{--btn-bg: var(--surface-3);--btn-fg: var(--text-1);--btn-border: var(--line-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-4);border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--text-md);font-weight:600;line-height:1.2;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;cursor:pointer;user-select:none;transition:background-color var(--dur-1) ease,border-color var(--dur-1) ease,color var(--dur-1) ease,transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) ease}.btn svg{width:17px;height:17px}.btn:hover{--btn-bg: var(--surface-4);--btn-border: var(--field-border)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn:disabled:hover{--btn-bg: var(--surface-3);--btn-border: var(--line-strong)}.btn.primary{--btn-bg: var(--accent);--btn-fg: var(--accent-ink);--btn-border: transparent;font-weight:650}.btn.primary:hover{--btn-bg: var(--accent-hover);box-shadow:0 6px 24px -8px var(--accent-glow)}.btn.primary:disabled:hover{--btn-bg: var(--accent);box-shadow:none}.btn.soft{--btn-bg: var(--accent-soft);--btn-fg: var(--accent);--btn-border: transparent}.btn.soft:hover{--btn-bg: color-mix(in srgb, var(--accent) 22%, transparent)}.btn.line{--btn-bg: transparent}.btn.line:hover{--btn-bg: var(--surface-3)}.btn.ghost{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--text-2)}.btn.ghost:hover{--btn-bg: var(--surface-3);--btn-fg: var(--text-1)}.btn.danger{--btn-fg: var(--danger)}.btn.destructive{--btn-bg: var(--danger);--btn-fg: #1f0606;--btn-border: transparent;font-weight:650}.btn.destructive:hover{--btn-bg: color-mix(in srgb, var(--danger) 85%, #fff)}.btn.danger:hover{--btn-bg: var(--danger-soft);--btn-border: color-mix(in srgb, var(--danger) 50%, transparent)}.btn.sm{min-height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:8px;gap:6px}.btn.sm svg{width:15px;height:15px}.btn.lg{min-height:48px;padding:0 var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-md)}.btn.icon{width:38px;padding:0}.btn.icon.sm{width:32px}.btn.wide{width:100%;min-height:46px}.btn.upgrade{--btn-bg: var(--surface-2);--btn-fg: var(--text-2);font-size:var(--text-sm);min-height:32px}.btn.upgrade svg{width:14px;height:14px;color:var(--accent)}.btn.busy{color:transparent;pointer-events:none}.btn.busy:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--btn-fg);border-right-color:transparent;animation:spin .7s linear infinite}.text-action{color:var(--text-3);font-size:var(--text-sm);font-weight:550}.text-action:hover{color:var(--text-1)}:root{--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b90a3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-chevron-sm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b90a3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}:root[data-theme=orange]{--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239d8c86' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-chevron-sm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239d8c86' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.field{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 var(--space-4);min-width:0;font-size:var(--text-sm);color:var(--text-2)}.field>span:first-child{font-size:var(--text-sm);font-weight:550;color:var(--text-2)}.field>small,.field .hint{margin:0}.input,:is(input,select,textarea).field,.field input:where(:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color])),.field select,.field textarea{width:100%;min-width:0;min-height:40px;padding:9px 12px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-1);font-size:var(--text-md);line-height:1.4;transition:border-color var(--dur-1) ease,box-shadow var(--dur-1) ease,background-color var(--dur-1) ease}.field textarea{min-height:120px;resize:vertical;line-height:var(--leading-loose)}:is(input,select,textarea).field{display:block;margin:0}.input:hover,:is(input,select,textarea).field:not(:focus):not(:disabled):hover,.field :is(input,select,textarea):not(:focus):not(:disabled):hover{border-color:var(--text-3)}.input:focus,:is(input,select,textarea).field:focus,.field :is(input,select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.field :is(input,select,textarea):disabled{opacity:.55}select.input,select.field,.field select{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 12px center}select option{background:var(--surface-2);color:var(--text-1)}input[type=file]{font-size:var(--text-sm);color:var(--text-2);max-width:100%}input::file-selector-button{margin-right:var(--space-3);padding:7px 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-3);color:var(--text-1);font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--dur-1) ease}input::file-selector-button:hover{background:var(--surface-4)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;width:14px;height:14px;cursor:pointer;background:var(--text-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6 6 18' stroke='black' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:40px;font-size:var(--text-sm);font-weight:550;color:var(--text-1);cursor:pointer}.switch input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:40px;height:24px;margin:0;border-radius:var(--radius-pill);border:1px solid var(--field-border);background:var(--surface-3);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) ease}.switch input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-2);transition:transform var(--dur-2) var(--ease-emph),background-color var(--dur-2) ease}.switch input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.switch input[type=checkbox]:checked:after{transform:translate(16px);background:var(--accent-ink)}.switch input[type=checkbox]:focus-visible{outline:var(--focus);outline-offset:2px}.check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;color:var(--text-1);font-size:var(--text-sm);font-weight:550;cursor:pointer}.check input{width:17px;height:17px;margin:0;flex:none}.seg{margin:0 0 var(--space-4);min-width:0}.seg legend{margin-bottom:6px;font-size:var(--text-sm);font-weight:550;color:var(--text-2)}.seg-row{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);width:fit-content;max-width:100%}.seg-opt{position:relative;display:flex}.seg-opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.seg-opt span{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:7px;color:var(--text-2);font-size:var(--text-sm);font-weight:550;white-space:nowrap;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-1) ease}.seg-opt:hover span{color:var(--text-1);background:var(--surface-2)}.seg-opt input:checked+span{background:var(--surface-4);color:var(--text-1);box-shadow:inset 0 -2px 0 var(--accent)}.seg-opt input:focus-visible+span{outline:var(--focus);outline-offset:1px}.range-control{margin:0 0 var(--space-4)}.range-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.range-heading>label{margin:0;font-size:var(--text-sm);font-weight:550;color:var(--text-2)}.range-heading>input{width:84px;min-height:32px;padding:4px 8px;border:1px solid var(--field-border);border-radius:8px;background:var(--bg);font-size:var(--text-sm)}.range-control input[type=range]{display:block;width:100%;height:28px;margin:2px 0;cursor:pointer}.range-scale{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--text-3);font-size:var(--text-xs)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:transparent;color:var(--text-2);font-size:var(--text-sm);font-weight:550;white-space:nowrap;transition:background-color var(--dur-1) ease,border-color var(--dur-1) ease,color var(--dur-1) ease}.chip:hover{color:var(--text-1);border-color:var(--field-border);background:var(--surface-2)}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--text-1);border-color:var(--text-1);color:var(--bg)}.chip:disabled{opacity:.5}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:650}.chip[aria-pressed=true] .count{background:#00000024;color:inherit}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-xs);background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.status{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;color:var(--text-2);text-transform:capitalize}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.running{color:var(--accent)}.status.done{color:var(--ok)}.status.failed{color:var(--danger)}.status.stopped{color:var(--text-3)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 0 40%,var(--surface-3) 50%,var(--surface-2) 60% 100%);background-size:300% 100%;animation:shimmer 1.6s linear infinite}.skeleton-card{aspect-ratio:16 / 9;border-radius:var(--radius-md)}.skeleton-line{height:14px;margin-top:var(--space-3)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}.empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-9) var(--space-6);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(60% 80% at 50% 0%,var(--accent-faint),transparent 70%)}.empty-state :is(h2,h3){font-size:var(--text-xl);color:var(--text-1)}.empty-state p{max-width:44ch;color:var(--text-2);line-height:var(--leading-loose)}.empty-state .btn{margin-top:var(--space-3)}.link-btn{padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-btn:focus-visible{outline:var(--focus);outline-offset:2px;border-radius:2px}.drop{position:relative;display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-7) var(--space-5);border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-3);font-size:var(--text-sm);text-align:center;transition:border-color var(--dur-2) ease,background-color var(--dur-2) ease,transform var(--dur-2) var(--ease-out)}.drop b{color:var(--text-1);font-size:var(--text-lg);font-weight:600}.drop .btn{margin-top:var(--space-3)}.drop:hover,.drop:focus-within{border-color:var(--field-border)}.drop.over{border-color:var(--accent);background:var(--accent-faint);transform:scale(1.005)}.drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop:has(input[type=file]:focus-visible) label.btn,.drop:has(>input[type=file]:focus-visible){outline:var(--focus);outline-offset:3px}.drop-veil{position:fixed;inset:0;z-index:var(--z-veil);display:grid;place-items:center;pointer-events:none;background:var(--scrim);animation:fade-in var(--dur-2) var(--ease-out)}.drop-veil>div{padding:var(--space-7) var(--space-9);border:2px dashed var(--accent);border-radius:var(--radius-xl);background:var(--surface-2);text-align:center;box-shadow:var(--shadow-dialog);animation:pop-in var(--dur-3) var(--ease-emph)}.drop-veil b{display:block;font-size:var(--text-xl);font-weight:650}.drop-veil span{display:block;margin-top:var(--space-1);color:var(--text-2);font-size:var(--text-sm)}.toast,#notice{position:fixed;left:50%;bottom:var(--space-6);z-index:var(--z-toast);width:max-content;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text-1);font-size:var(--text-sm);font-weight:550;line-height:1.45;text-align:center;box-shadow:var(--shadow-float)}.toast{opacity:0;pointer-events:none;transform:translate(-50%,12px) scale(.98);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-emph)}.toast.show{opacity:1;transform:translate(-50%)}.toast.err,#notice{border-color:color-mix(in srgb,var(--danger) 45%,var(--line-strong))}.toast.err:before,#notice:before{content:"!";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:var(--danger);color:var(--bg);font-size:12px;font-weight:800;vertical-align:-3px}#notice{transform:translate(-50%);animation:rise-in var(--dur-3) var(--ease-emph)}dialog.confirm-dialog,dialog.workflow-example{margin:auto;padding:var(--space-6);max-width:min(460px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-1);box-shadow:var(--shadow-dialog)}dialog.workflow-example{width:min(680px,calc(100vw - 32px));max-width:none}dialog::backdrop{background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog[open]{animation:pop-in var(--dur-3) var(--ease-emph)}dialog[open]::backdrop{animation:fade-in var(--dur-2) ease}.confirm-dialog form{display:grid;gap:var(--space-5)}.dialog-title{font-size:var(--text-xl)}.dialog-message{color:var(--text-1);font-size:var(--text-md);line-height:var(--leading-loose);white-space:pre-line;overflow-wrap:anywhere}.dialog-field{display:grid;gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);font-weight:550}.dialog-parts{display:grid;gap:var(--space-1)}.dialog-check{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);min-height:36px;color:var(--text-1);font-size:var(--text-sm)}.dialog-check input{width:18px;height:18px;margin:0}.dialog-check:has(input:disabled){color:var(--text-3)}.confirm-dialog input:not([type=checkbox]),.confirm-dialog select{width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--bg)}.confirm-dialog input:focus,.confirm-dialog select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.confirm-dialog legend{margin-bottom:6px;font-size:var(--text-sm);color:var(--text-2)}.confirm-dialog .part-note{color:var(--text-3)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.workflow-example .sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3)}.workflow-example .sec-head h2{font-size:var(--text-xl)}.workflow-example>p{color:var(--text-2);line-height:var(--leading-loose)}.workflow-example video{width:100%;max-height:56vh;margin:var(--space-4) 0;border-radius:var(--radius-md);background:#000;object-fit:contain}.workflow-example textarea{width:100%;min-height:220px;padding:12px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--bg);line-height:var(--leading-loose)}.workflow-example .acts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.guide{margin:0 0 var(--space-4);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-sm)}.guide>summary{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 12px 0 6px;border-radius:var(--radius-pill);list-style:none;color:var(--text-3);font-size:var(--text-xs);font-weight:550;transition:color var(--dur-1) ease,background-color var(--dur-1) ease}.guide>summary::-webkit-details-marker{display:none}.guide>summary:hover{color:var(--text-1);background:var(--surface-2)}.guide-q{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:700}.guide[open]{padding:var(--space-4) var(--space-5);border:1px solid var(--line);background:var(--surface-1);animation:rise-in var(--dur-3) var(--ease-out)}.guide[open]>summary{padding-left:0;margin-bottom:var(--space-2);color:var(--text-1);background:none}.guide ol{display:grid;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);padding-left:20px;line-height:1.55}.guide ol li::marker{color:var(--accent);font-weight:650}.guide p{margin:var(--space-1) 0;line-height:1.55}.guide p b{margin-right:var(--space-2);color:var(--accent);font-size:var(--text-xs);font-weight:650}.guide-hide,.guide-show{min-height:30px;margin-top:var(--space-2);padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--text-3);font-size:var(--text-xs);font-weight:550}.guide-hide:hover,.guide-show:hover{color:var(--text-1);background:var(--surface-2)}.guide-min{margin:0 0 var(--space-3)}.guide-min .guide-show{margin:0}@media(min-width:900px){.guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}.dock{position:fixed;z-index:var(--z-dock)}.dock:empty{display:none}.dock.floating-dock{display:flex;flex-direction:column;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-2) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-float);animation:rise-in var(--dur-3) var(--ease-emph)}.dock.floating-dock[hidden]{display:none}.dock-handle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px 8px 6px 10px;cursor:grab;touch-action:none;border-bottom:1px solid var(--line)}.dragging .dock-handle{cursor:grabbing}.dock-handle .grip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 6px;border-radius:8px;color:var(--text-2);font-size:var(--text-xs);font-weight:650;letter-spacing:.02em}.dock-handle .grip>span{color:var(--text-3)}.dock-handle .dock-reset{min-height:30px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text-3);font-size:var(--text-xs);font-weight:550}.dock-handle .dock-reset:hover{color:var(--text-1);background:var(--surface-3)}.dock-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.dock-resize{position:absolute;z-index:var(--z-raised);touch-action:none}.dock-resize-e{top:14px;right:-4px;bottom:14px;width:10px;cursor:ew-resize}.dock-resize-w{top:14px;left:-4px;bottom:14px;width:10px;cursor:ew-resize}.dock-resize-s{left:14px;right:14px;bottom:-4px;height:10px;cursor:ns-resize}.dock-resize-se{right:2px;bottom:2px;width:18px;height:18px;cursor:nwse-resize;border-radius:0 0 var(--radius-lg) 0;background:linear-gradient(135deg,transparent 55%,var(--line-strong) 55% 62%,transparent 62% 74%,var(--line-strong) 74% 81%,transparent 81%)}.dock.floating-dock.phone .dock-resize{display:none}.dock.floating-dock.resizing,.dock.floating-dock.dragging{user-select:none}.dock[data-density=compact] .job-steps li:not(.current),.dock[data-density=compact] .job .hint-line,.dock[data-density=compact] .job .sum{display:none}.dock[data-density=roomy] .job-steps{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-2) var(--space-5)}.job{min-width:0;padding:var(--space-4)}.dock .job+.job{border-top:1px solid var(--line)}.dock .job{animation:rise-in var(--dur-3) var(--ease-out)}.job .row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.job .row b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);font-weight:650}.job .state{flex:none;display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:650}.job .state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.job .state.done{background:var(--ok-soft);color:var(--ok)}.job .state.failed{background:var(--danger-soft);color:var(--danger)}.job .sum{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font-size:var(--text-xs)}.job-summary{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-sm)}.job-status{font-weight:600;color:var(--text-1)}.job-pct{font-weight:700;color:var(--accent)}.job .bar{position:relative;height:6px;margin:var(--space-2) 0 6px;border-radius:var(--radius-pill);background:var(--surface-4);overflow:hidden}.job .bar i{position:relative;display:block;height:100%;width:0;border-radius:inherit;background:var(--accent);overflow:hidden;transition:width var(--dur-4) var(--ease-out)}.job .bar i:after{content:"";position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .45),transparent);animation:sheen 1.8s var(--ease-in-out) infinite}.job .bar i[style*="width:100%"]:after,.job .bar i[style*="width:0%"]:after{display:none}.job .bar.pending i{width:35%;animation:pending-slide 1.4s var(--ease-in-out) infinite alternate}@keyframes pending-slide{0%{transform:translate(-20%)}to{transform:translate(210%)}}.job-meta{display:flex;flex-wrap:wrap;gap:4px var(--space-3);color:var(--text-3);font-size:var(--text-xs)}.job-meta .eta{color:var(--text-1);font-weight:600}.job-meta .hint-line{flex-basis:100%;color:var(--text-2)}.job-meta:empty{display:none}.job-steps{list-style:none;display:grid;gap:6px;margin:var(--space-3) 0 2px;padding:0;font-size:var(--text-sm)}.job-steps li{display:flex;align-items:center;gap:10px;color:var(--text-3)}.job-steps .dot{position:relative;flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--line-strong)}.job-steps li.done{color:var(--text-2)}.job-steps li.done .dot{background:var(--accent);border-color:var(--accent)}.job-steps li.current{color:var(--text-1);font-weight:650}.job-steps li.current .dot{border-color:var(--accent)}.job-steps li.current .dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:ping 1.6s var(--ease-out) infinite}@keyframes ping{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.job-failure{margin-top:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--text-2)}.job-failure>p{margin:0;overflow-wrap:anywhere}.job-failure>p:before{content:"!";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;border-radius:50%;background:var(--danger);color:var(--bg);font-size:11px;font-weight:800;vertical-align:-2px}.job-error-details{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line)}.job-error-details>summary{min-height:28px;font-size:var(--text-xs);color:var(--text-3)}.job-error-details>summary:hover{color:var(--text-1)}.job-error-details>p{margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--bg);font-size:var(--text-xs);line-height:1.6;overflow-wrap:anywhere}.job .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3)}.job .acts:empty{display:none}.job .acts.result{display:grid;gap:var(--space-2)}.job .acts.result audio{width:100%;height:36px}.job .acts.result video,.job .acts.result img{width:100%;border-radius:var(--radius-sm);background:#000}.job .acts.result .acts{margin-top:0}.job .log{margin-top:var(--space-2);max-height:130px;overflow:auto;color:var(--text-3);font-size:var(--text-xs)}@media(prefers-reduced-motion:reduce){.job .bar i:after,.job-steps li.current .dot:after{display:none}.job .bar.pending i{animation:none}}.theme-toggle{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);transition:background-color var(--dur-1) ease,transform var(--dur-1) var(--ease-out),border-color var(--dur-1) ease}.theme-toggle:hover{background:var(--surface-3);border-color:var(--field-border)}.theme-toggle:active{transform:scale(.94)}.theme-swatch{display:block;width:16px;height:16px;border-radius:50%;background:linear-gradient(90deg,#f5c451 50%,#ff7a3d 50%);transform:rotate(-35deg);box-shadow:0 0 0 1px #fff3;transition:transform var(--dur-3) var(--ease-emph)}.theme-toggle[aria-pressed=true] .theme-swatch{transform:rotate(145deg)}.theme-floating{position:fixed;right:var(--space-4);bottom:var(--space-5);z-index:var(--z-dock)}.clip-audio{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-2) 0}.clip-audio-label{font-size:var(--text-sm);font-weight:550;color:var(--text-2)}.clip-audio .seg-row{padding:3px}.clip-audio .seg-opt span{min-height:28px;padding:2px 10px;font-size:var(--text-xs)}.clip-audio-volume{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-2);font-size:var(--text-xs)}.clip-audio-volume input[type=range]{width:120px}.clip-audio-volume output{min-width:4ch}table.data,table.table{width:100%;font-size:var(--text-sm)}table.data th,table.data td,table.table th,table.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}table.data th,table.table th{color:var(--text-3);font-size:var(--text-xs);font-weight:600;white-space:nowrap}table.data tbody tr,table.table tbody tr{transition:background-color var(--dur-1) ease}table.data tbody tr:hover,table.table tbody tr:hover{background:var(--surface-2)}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm)}@media(max-width:640px){.toast,#notice{bottom:calc(80px + env(safe-area-inset-bottom))}.field :is(input,select,textarea),.input,.confirm-dialog input{font-size:16px}.theme-floating{bottom:calc(84px + env(safe-area-inset-bottom))}}@media(hover:none){.btn:hover,.chip:hover{transition:none}}@media(pointer:coarse){.btn,.btn.sm,.chip,.pbtn{min-height:44px}.btn.icon,.btn.icon.sm{width:44px}.seg-opt span{min-height:40px}}.dock.floating-dock.phone .job-steps li:not(.current),.dock.floating-dock.phone .job .hint-line{display:none}