.progress-bar-workspace{align-items:start}.progress-bar-workspace .workbench-input,.progress-bar-workspace .workbench-result{min-width:0}.pb-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pb-heading h2{margin:0}.pb-field{flex-direction:column;gap:8px;min-width:0;margin:14px 0;display:flex}.pb-field>span{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.pb-field output{color:var(--muted);white-space:nowrap;font-size:13px}.progress-bar-workspace input:not([type=checkbox]):not([type=range]):not([type=color]),.progress-bar-workspace select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;height:44px;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px;font-size:16px}.progress-bar-workspace input[type=range]{width:100%;height:44px;accent-color:var(--accent);margin:0}.progress-bar-workspace input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.progress-bar-workspace input[type=color]{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:3px}.progress-bar-workspace button{min-height:44px}.progress-bar-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.progress-bar-workspace legend{margin-bottom:10px;font-size:14px;font-weight:600}.pb-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pb-theme{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:stretch;gap:7px;padding:8px;font-size:12px;display:flex;min-height:64px!important}.pb-theme:hover{border-color:var(--accent)}.pb-swatch{background-color:#202530;border-radius:4px;height:16px;display:block}.pb-theme[data-pb-theme=glass] .pb-swatch{background-color:#202530!important}.pb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pb-color-grid{gap:0;display:grid}.pb-color{gap:8px;min-width:0;display:flex}.pb-color input[type=text]{font-family:var(--mono,monospace);font-size:16px}.pb-toggle{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.pb-more,.pb-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;margin:16px 0;overflow:hidden}.pb-more>summary,.pb-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-size:14px;font-weight:600;list-style:none;display:flex}.pb-more>summary::-webkit-details-marker,.pb-panel>summary::-webkit-details-marker{display:none}.pb-more[open]>summary>svg,.pb-panel[open]>summary>svg{transform:rotate(180deg)}.pb-settings{padding:0 14px 14px}.pb-settings>fieldset{border-top:1px solid var(--line);padding:12px 0}.pb-stage{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;height:340px;display:grid;position:relative;overflow:hidden}.pb-stage[data-background=dark]{background:#202530}.pb-stage iframe{transform-origin:0 0;border:0;flex:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none!important}.pb-stage-error{text-align:center;padding:16px;position:absolute}.pb-preview-hint{min-height:36px}.pb-background{gap:4px;display:flex}.pb-background button{width:44px;padding:0}.pb-background button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.pb-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.pb-actions button{justify-content:center;min-width:0}.pb-status{min-height:40px;margin:12px 0}.pb-panel>p,.pb-panel>ul{margin:0;padding:0 14px 14px;line-height:1.7}.pb-canvas-stage{background:#fff;max-height:400px;padding:10px;overflow:auto}.pb-canvas-stage canvas{max-width:100%;height:auto;margin:auto;display:block}.pb-panel pre{font:12px/1.6 var(--mono,monospace);white-space:pre;border-top:1px solid var(--line);background:var(--surface-2);max-height:360px;color:var(--text);margin:0;padding:14px;overflow:auto}.progress-bar-workspace [hidden]{display:none!important}.progress-bar-workspace :is(input,select,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.progress-bar-workspace [aria-invalid=true]{border-color:#d43c4d!important}.pb-theme:disabled{opacity:.7;cursor:wait}@media (width<=767px){.pb-stage{height:280px}.pb-actions button{padding:10px 6px}.pb-heading{gap:8px}.pb-heading h2{font-size:14px}.pb-more{margin-bottom:0}}.pb-stage:is([data-bar-type=linear],[data-bar-type=dots],[data-bar-type=stepped]){height:180px}@media (width<=767px){.pb-stage:is([data-bar-type=linear],[data-bar-type=dots],[data-bar-type=stepped]){height:150px}}.progress-bar-workspace input[type=color]{font-size:16px}.progress-bar-workspace .workbench-input>.pb-heading{grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:12px;min-height:44px;display:grid}.progress-bar-workspace .workbench-input>.pb-heading h2{margin:0;font-size:14px;line-height:20px}.progress-bar-workspace .workbench-input>.pb-heading button{width:100px;padding:10px 8px;font-size:14px}.progress-bar-workspace{--line:var(--color-rule);--surface:var(--color-surface);--surface-2:var(--color-paper-2);--text:var(--color-ink);--muted:var(--color-muted);--accent:var(--color-accent);--mono:var(--font-mono)}