.compile-workflow{z-index:1300;background:var(--bg);color:var(--text);flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.compile-workflow__header{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.compile-workflow__meta{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.compile-workflow__title-row{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.compile-workflow__name{margin:0;font-size:18px;font-weight:700}.compile-workflow__company{color:var(--text-secondary);margin:0;font-size:14px}.compile-workflow__links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compile-workflow__extracts{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;max-width:min(420px,100%);margin-left:auto;display:flex}.compile-workflow__link{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:220px;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-flex;overflow:hidden}.compile-workflow__link.is-muted{color:var(--text-secondary);border-style:dashed}.compile-workflow__link:hover{border-color:var(--accent)}.compile-workflow__extract-badge{border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);text-align:right;white-space:normal;word-break:break-word;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.compile-workflow__extract-badge.is-idle{color:var(--text-secondary);background:color-mix(in srgb, var(--text-secondary) 8%, var(--bg))}.compile-workflow__extract-badge.is-running{color:#0b57d0;border-color:color-mix(in srgb, #0b57d0 45%, var(--border));background:color-mix(in srgb, #0b57d0 12%, var(--bg))}.compile-workflow__extract-badge.is-done{color:var(--success,#1a7f37);border-color:color-mix(in srgb, var(--success,#1a7f37) 45%, var(--border));background:color-mix(in srgb, var(--success,#1a7f37) 12%, var(--bg))}.compile-workflow__extract-badge.is-skipped,.compile-workflow__extract-badge.is-social{color:#8a6d00;border-color:color-mix(in srgb, #c9a227 45%, var(--border));background:color-mix(in srgb, #c9a227 14%, var(--bg))}.compile-workflow__extract-badge.is-cancelled{color:#6b7280;border-color:color-mix(in srgb, #6b7280 40%, var(--border));background:color-mix(in srgb, #6b7280 10%, var(--bg))}.compile-workflow__extract-badge.is-error{color:var(--danger,#b42318);border-color:color-mix(in srgb, var(--danger,#b42318) 45%, var(--border));background:color-mix(in srgb, var(--danger,#b42318) 12%, var(--bg))}.compile-workflow__extract-cancel{color:inherit;cursor:pointer;background:#0b57d029;border:0;border-radius:999px;margin-left:2px;padding:2px 7px;font-size:11px;font-weight:800}.compile-workflow__steps{border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:12px 20px}.compile-workflow__steps-track{border:1.5px solid var(--border);background:color-mix(in srgb, var(--text-secondary) 8%, var(--bg));border-radius:999px;width:100%;min-height:48px;display:flex;position:relative;overflow:hidden}.compile-workflow__steps-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--success,#1a7f37) 88%, #0f5c28), color-mix(in srgb, var(--accent) 75%, var(--success,#1a7f37)));pointer-events:none;z-index:0;transition:width .28s;position:absolute;inset:0 auto 0 0}.compile-workflow__step-pill{z-index:1;border:0;border-right:1px solid color-mix(in srgb, var(--border) 70%, transparent);min-width:0;color:var(--text-secondary);transition:color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);background:0 0;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.compile-workflow__step-pill:last-child{border-right:0}.compile-workflow__step-index{background:color-mix(in srgb, var(--text-secondary) 16%, var(--bg));width:22px;height:22px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.compile-workflow__step-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compile-workflow__step-pill.is-locked:not(.is-on-progress){cursor:not-allowed;color:color-mix(in srgb, var(--text-secondary) 70%, transparent)}.compile-workflow__step-pill.is-on-progress{color:#fff}.compile-workflow__step-pill.is-on-progress .compile-workflow__step-index{color:#fff;background:#ffffff47}.compile-workflow__step-pill.is-done.is-on-progress{color:#fff}.compile-workflow__step-pill.is-active{z-index:2;color:#fff;background:var(--accent);box-shadow:inset 0 0 0 2px #fff, 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);font-size:14px;font-weight:800}.compile-workflow__step-pill.is-active .compile-workflow__step-index{width:24px;height:24px;color:var(--accent);background:#fff;box-shadow:0 1px 4px #00000040}.compile-workflow__step-pill.is-clickable{cursor:pointer}.compile-workflow__step-pill.is-clickable:not(:disabled):hover{background:#0000001a}.compile-workflow__step-pill.is-active.is-clickable:not(:disabled):hover{background:var(--accent);filter:brightness(1.05)}.compile-workflow__step-pill.is-clickable:not(.is-on-progress):not(.is-active):not(:disabled):hover{color:var(--text)}button.compile-workflow__step-pill{font:inherit}@media (width<=720px){.compile-workflow__step-label{display:none}.compile-workflow__step-pill{padding:10px 6px}}.compile-workflow__body{flex:1;min-height:0;padding:20px;overflow:auto}.compile-workflow__body--flush{flex-direction:column;padding:0;display:flex}.compile-workflow__palette{flex:1;width:100%;min-height:0;overflow:auto}.compile-workflow__footer{border-top:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 20px;display:flex}.compile-workflow__footer-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.compile-workflow .compile-btn-icon{align-items:center;gap:8px;display:inline-flex}.compile-workflow__grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.compile-workflow__grid-2{grid-template-columns:1fr}}.compile-workflow__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);flex-direction:column;gap:12px;padding:16px;display:flex}.compile-workflow__logo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compile-workflow__logo-layout{grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.compile-workflow__logo-selected{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.compile-workflow__logo-set-btn{justify-content:center;width:100%}.compile-workflow__logo-list{min-width:0}.compile-workflow__logo-empty{box-sizing:border-box;border-radius:var(--radius);border:1.5px dashed var(--border);justify-content:center;align-items:center;height:260px;padding:16px;display:flex}@media (width<=720px){.compile-workflow__logo-layout{grid-template-columns:1fr}.compile-workflow__logo-selected{max-width:none}}.compile-workflow__image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.compile-workflow__image-tile{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px;padding:0;position:relative;overflow:hidden}.compile-workflow__image-tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.compile-workflow__image-tile.is-logo:not(.is-selected){border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.compile-workflow__image-tile-badge{z-index:1;background:color-mix(in srgb, var(--accent) 92%, #000);color:#fff;letter-spacing:.02em;pointer-events:none;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;bottom:6px;left:6px}.compile-workflow__image-tile img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:8px;display:block}.compile-workflow__status{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.compile-workflow__error{color:#b42318;margin:0;font-size:13px}