.process-bar[data-astro-cid-x22kqzmm]{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-fg);background:var(--color-surface);box-shadow:2px 2px 0 var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm);flex-wrap:wrap}.process-bar[data-astro-cid-x22kqzmm] label[data-astro-cid-x22kqzmm]{flex-shrink:0;text-transform:uppercase;letter-spacing:.5pt;font-size:.7rem;color:var(--color-muted)}.process-bar__select-wrap[data-astro-cid-x22kqzmm]{flex:1 1 180px;min-width:0}@media(max-width:480px){.process-bar[data-astro-cid-x22kqzmm]{flex-direction:column;align-items:stretch}.process-bar__select-wrap[data-astro-cid-x22kqzmm],.process-bar[data-astro-cid-x22kqzmm] #configure-btn[data-astro-cid-x22kqzmm]{width:100%}}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.workspace-grid .ws-item{border:1px solid var(--color-border);font-size:var(--text-sm);font-family:var(--font-mono);position:relative;transition:border-color .15s;overflow:hidden;min-width:0}.workspace-grid .ws-item:hover{border-color:var(--color-text)}.workspace-grid .ws-thumb{width:100%;aspect-ratio:1;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.workspace-grid .ws-thumb img{width:100%;height:100%;object-fit:cover}.workspace-grid .ws-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-soft);opacity:0;transition:opacity .15s;cursor:pointer;border:none;padding:0}.workspace-grid .ws-thumb:hover .ws-play{opacity:1}.workspace-grid .ws-play svg{width:32px;height:32px;fill:var(--color-on-overlay);filter:drop-shadow(0 1px 3px var(--color-overlay))}.workspace-grid .ws-add{position:absolute;bottom:4px;right:4px;background:var(--color-overlay);color:var(--color-on-overlay);border:1px solid color-mix(in srgb,var(--color-on-overlay) 30%,transparent);font-family:var(--font-mono);font-size:.85rem;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0;z-index:1}.workspace-grid .ws-thumb:hover .ws-add{opacity:1}.workspace-grid .ws-add:hover{background:color-mix(in srgb,var(--color-accent) 80%,transparent);border-color:var(--color-accent)}.workspace-grid .ws-duration{position:absolute;bottom:3px;right:4px;font-size:.6rem;background:var(--color-overlay);color:var(--color-on-overlay);padding:1px 4px;font-family:var(--font-mono)}.workspace-grid .ws-type-badge{position:absolute;top:3px;left:4px;font-size:.55rem;background:var(--color-overlay);color:var(--color-on-overlay);padding:1px 4px;text-transform:uppercase;font-family:var(--font-mono)}.workspace-grid .ws-info{padding:4px 6px;border-top:1px solid var(--color-border);min-width:0}.workspace-grid .ws-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.workspace-grid .ws-remove{position:absolute;top:2px;right:4px;background:var(--color-overlay-soft);border:none;color:var(--color-on-overlay);cursor:pointer;font-size:var(--text-sm);padding:0 3px;z-index:2;line-height:1.2;opacity:0;transition:opacity .15s}.workspace-grid .ws-item:hover .ws-remove{opacity:1}.workspace-grid .ws-remove:hover{background:var(--color-overlay)}.config-section{margin-top:var(--space-md);border:2px solid var(--color-fg);background:var(--color-surface);box-shadow:4px 4px 0 var(--color-fg);padding:var(--space-md);font-family:var(--font-mono)}.config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-fg)}.config-header h2{margin:0;border:none;padding:0;font-size:1.1rem;font-weight:700}.config-app-desc{color:var(--color-muted);font-size:var(--text-sm);margin:0 0 var(--space-sm) 0}.config-detail-wrap{margin-bottom:var(--space-md);font-size:var(--text-sm)}.config-detail-wrap summary{cursor:pointer;color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.config-detail{color:var(--color-muted);font-size:var(--text-sm);line-height:1.5;border-left:2px solid var(--color-border);padding:var(--space-xs) var(--space-sm);margin-top:var(--space-xs);white-space:pre-line}#config-params{margin-top:var(--space-sm)}.config-field{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.config-field[style*="display: none"]+.config-field{border-top:none}.config-field label{display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.config-field .config-desc{color:var(--color-muted);font-size:.75rem;margin-bottom:8px;line-height:1.5}.config-field .config-option-desc{color:var(--color-muted);font-size:.7rem;font-style:italic;margin-top:6px;line-height:1.4;border-left:2px solid var(--color-border);padding-left:var(--space-xs)}.config-field input,.config-field select{width:100%;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);border:2px solid var(--color-fg);box-shadow:2px 2px 0 var(--color-fg);background:var(--color-bg);color:var(--color-fg);box-sizing:border-box}.config-field input:focus,.config-field select:focus{outline:none;border-color:var(--color-accent)}.config-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.config-input-count{font-size:.75rem;margin-top:6px;padding:4px 8px;font-family:var(--font-mono)}.input-count-ok{color:var(--color-status-ok)}.input-count-fill{color:var(--color-status-warn)}.input-count-over{color:var(--color-status-fail);font-weight:700}.multi-select-wrap{margin-top:4px}.ms-picker{display:flex;gap:var(--space-xs)}.ms-picker select{flex:1;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);border:2px solid var(--color-fg);box-shadow:2px 2px 0 var(--color-fg);background:var(--color-bg);color:var(--color-fg)}.ms-add-btn{white-space:nowrap;padding:var(--space-xs) var(--space-sm)!important;font-size:var(--text-sm)!important}.ms-list{list-style:none;padding:0;margin:var(--space-xs) 0 0 0}.ms-list li{display:flex;align-items:center;gap:var(--space-xs);padding:4px 8px;border:1px solid var(--color-border);margin-bottom:-1px;font-size:var(--text-sm)}.ms-num{color:var(--color-muted);min-width:1.5em}.ms-label{flex:1}.ms-remove{background:none;border:none;color:var(--color-muted);cursor:pointer;font-size:1rem;padding:0 4px}.ms-remove:hover{color:var(--color-status-fail)}.shuffle-section{margin-top:var(--space-md);border-top:1px solid var(--color-border);padding-top:var(--space-md)}.shuffle-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.shuffle-header h3{margin:0;font-size:.9rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em}.shuffle-filters{margin-bottom:var(--space-sm)}.sf-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xs)}.sf-field{flex:1;min-width:120px}.sf-field label{display:block;font-size:.65rem;font-family:var(--font-mono);color:var(--color-muted);margin-bottom:2px;text-transform:uppercase}.sf-field input,.sf-field select{width:100%;padding:4px 8px;font-family:var(--font-mono);font-size:.75rem;border:2px solid var(--color-fg);box-shadow:1px 1px 0 var(--color-fg);background:var(--color-bg);color:var(--color-fg);box-sizing:border-box}.sf-field input:focus,.sf-field select:focus{outline:none;border-color:var(--color-accent)}.sf-checks{display:flex;flex-direction:column;justify-content:center;gap:2px}.sf-checks label{text-transform:none}.shuffle-filter{font-size:.7rem;font-family:var(--font-mono);color:var(--color-muted);display:flex;align-items:center;gap:4px;cursor:pointer}.shuffle-filter input[type=checkbox]{width:auto;margin:0}.shuffle-status{font-size:.75rem;font-family:var(--font-mono);color:var(--color-muted);margin-bottom:var(--space-sm)}.shuffle-status.shuffle-warn{color:var(--color-status-warn)}.shuffle-status.shuffle-err{color:var(--color-status-fail)}.shuffle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.shuffle-grid .ws-item{border:1px solid var(--color-border);font-size:var(--text-sm);font-family:var(--font-mono);position:relative;transition:border-color .15s;overflow:hidden;min-width:0}.shuffle-grid .ws-item:hover{border-color:var(--color-text)}.shuffle-grid .ws-thumb{width:100%;aspect-ratio:1;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.shuffle-grid .ws-thumb img{width:100%;height:100%;object-fit:cover}.shuffle-grid .ws-type-badge{position:absolute;top:3px;right:4px;font-size:.55rem;background:var(--color-overlay);color:var(--color-on-overlay);padding:1px 4px;text-transform:uppercase;font-family:var(--font-mono)}.shuffle-grid .ws-info{padding:4px 6px;border-top:1px solid var(--color-border);min-width:0}.shuffle-grid .ws-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}.shuffle-grid .ws-duration{position:absolute;bottom:3px;right:4px;font-size:.6rem;background:var(--color-overlay);color:var(--color-on-overlay);padding:1px 4px;font-family:var(--font-mono)}.shuffle-lock{position:absolute;top:2px;left:4px;background:var(--color-overlay-soft);border:none;color:var(--color-on-overlay);cursor:pointer;font-size:.7rem;padding:2px 4px;z-index:2;opacity:.5;transition:opacity .15s;font-family:var(--font-mono)}.shuffle-grid .ws-item:hover .shuffle-lock{opacity:.8}.shuffle-grid .ws-item.locked .shuffle-lock{opacity:1;color:var(--color-status-warn)}.shuffle-grid .ws-item.locked{border-left:3px solid var(--color-text)}.batch-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--color-border)}.batch-toggle{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer}.batch-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-text)}.batch-controls{margin-top:var(--space-sm)}.batch-row{display:flex;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap}.batch-controls .sf-field{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:var(--text-sm)}.batch-controls .sf-field label{color:var(--color-text-dim, var(--color-text))}.batch-controls input[type=number]{width:80px;padding:var(--space-xs);background:var(--color-bg);color:var(--color-fg);border:2px solid var(--color-fg);box-shadow:1px 1px 0 var(--color-fg);font-family:var(--font-mono)}.batch-hint{margin-top:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim, var(--color-text));opacity:.75}@media(hover:none){.workspace-grid .ws-remove,.workspace-grid .ws-play,.workspace-grid .ws-add{opacity:1}.workspace-grid .ws-play{background:color-mix(in srgb,var(--color-overlay) 30%,transparent)}.shuffle-grid .shuffle-lock{opacity:.9}}@media(max-width:640px){.workspace-grid,.shuffle-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px}.config-section{padding:var(--space-sm)}.config-header h2{font-size:1rem}.config-actions{justify-content:stretch}.config-actions #config-submit{flex:1;padding:var(--space-sm);font-size:var(--text-base)}.sf-field{min-width:100px}}
