.cmd-panel[data-v-f07765ac]{display:flex;flex:1;flex-direction:column;min-height:0}.cmd-search[data-v-f07765ac]{flex-shrink:0;padding:.5rem}.cmd-search-input[data-v-f07765ac]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);font-family:inherit;font-size:.8rem;outline:none;padding:.4rem .6rem;width:100%}.cmd-search-input[data-v-f07765ac]:focus{border-color:var(--color-accent)}.cmd-filters[data-v-f07765ac]{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.25rem;padding:0 .5rem .5rem}.cmd-filter[data-v-f07765ac]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.6rem;font-weight:600;padding:.15rem .4rem;transition:all .12s}.cmd-filter[data-v-f07765ac]:hover{border-color:var(--color-accent);color:var(--color-accent)}.cmd-filter.active[data-v-f07765ac]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cmd-list[data-v-f07765ac]{flex:1;overflow-y:auto;padding:0 .5rem .5rem}.cmd-card[data-v-f07765ac]{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:.35rem;overflow:hidden}.cmd-card.expanded[data-v-f07765ac]{border-color:var(--color-accent)}.cmd-card-header[data-v-f07765ac]{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:.45rem .5rem;transition:background .12s;width:100%}.cmd-card-header[data-v-f07765ac]:hover{background:#0077b608}.cmd-left[data-v-f07765ac]{min-width:0}.cmd-left[data-v-f07765ac],.cmd-right[data-v-f07765ac]{align-items:center;display:flex;gap:.4rem}.cmd-code[data-v-f07765ac],.cmd-right[data-v-f07765ac]{flex-shrink:0}.cmd-code[data-v-f07765ac]{background:var(--color-bg-alt);border-radius:var(--radius-sm);color:var(--color-accent);font-family:var(--font-mono);font-size:.78rem;font-weight:700;padding:.05rem .3rem}.cmd-name[data-v-f07765ac]{color:var(--color-text);font-size:.72rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-unsupported[data-v-f07765ac]{background:var(--color-bg-alt);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.55rem;font-weight:600;padding:.1rem .3rem}.cmd-chevron[data-v-f07765ac]{color:var(--color-text-muted);font-size:.8rem;font-weight:700;text-align:center;width:16px}.cmd-detail[data-v-f07765ac]{border-top:1px solid var(--color-border);padding:0 .6rem .6rem}.cmd-plain[data-v-f07765ac]{color:var(--color-text);font-size:var(--text-sm);line-height:1.55;margin:.5rem 0}.cmd-section[data-v-f07765ac]{margin-top:.5rem}.cmd-section h5[data-v-f07765ac]{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;margin:0 0 .2rem;text-transform:uppercase}.cmd-section p[data-v-f07765ac]{color:var(--color-text);font-size:.72rem;line-height:1.5;margin:0}.cmd-syntax[data-v-f07765ac]{background:var(--color-bg-alt);border-radius:4px;color:var(--color-accent-dark);display:block;font-family:var(--font-mono);font-size:var(--text-sm);padding:.3rem .5rem}.cmd-param[data-v-f07765ac]{color:var(--color-text);font-size:.7rem;line-height:1.5;padding:.15rem 0}.cmd-param code[data-v-f07765ac]{color:var(--color-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.cmd-example-desc[data-v-f07765ac]{font-style:italic;margin-bottom:.3rem!important}.cmd-example-code[data-v-f07765ac]{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;line-height:1.5;margin:0 0 .4rem;overflow-x:auto;padding:.5rem;white-space:pre}.cmd-try-btn[data-v-f07765ac]{background:none;border:1px solid var(--color-accent);border-radius:4px;color:var(--color-accent);cursor:pointer;font-family:inherit;font-size:.68rem;font-weight:600;padding:.2rem .5rem;transition:background .12s,color .12s}.cmd-try-btn[data-v-f07765ac]:hover{background:var(--color-accent);color:#fff}.cmd-ref-link[data-v-f07765ac]{color:var(--color-accent);font-size:.7rem;font-weight:600;text-decoration:none}.cmd-ref-link[data-v-f07765ac]:hover{text-decoration:underline}.cmd-empty[data-v-f07765ac]{color:var(--color-text-muted);font-size:.8rem;padding:1rem 0;text-align:center}.exercise-panel[data-v-ca2b075f]{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;padding:.5rem}.exercise-detail-header[data-v-ca2b075f]{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.back-btn[data-v-ca2b075f]{background:none;border:none;color:var(--color-accent);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;padding:0}.back-btn[data-v-ca2b075f]:hover{text-decoration:underline}.diff-badge[data-v-ca2b075f]{border-radius:var(--radius-sm);color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.04em;padding:.1rem .4rem;text-transform:uppercase}.exercise-title[data-v-ca2b075f]{font-size:1rem;font-weight:700;margin:0 0 .3rem}.exercise-desc[data-v-ca2b075f]{color:var(--color-text);font-size:var(--text-sm);line-height:1.5;margin:0 0 .5rem}.exercise-section[data-v-ca2b075f]{margin-top:.6rem}.exercise-section h5[data-v-ca2b075f]{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;margin:0 0 .2rem;text-transform:uppercase}.exercise-objectives[data-v-ca2b075f]{color:var(--color-text);font-size:.72rem;line-height:1.6;margin:0;padding-left:1.2rem}.exercise-target[data-v-ca2b075f]{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;padding:.5rem}.exercise-target[data-v-ca2b075f] svg{display:block;height:auto;max-width:100%}.hint-btn[data-v-ca2b075f],.solution-btn[data-v-ca2b075f]{background:none;border:1px solid var(--color-accent);border-radius:4px;color:var(--color-accent);cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:600;padding:.25rem .6rem;transition:background .12s,color .12s}.hint-btn[data-v-ca2b075f]:hover,.solution-btn[data-v-ca2b075f]:hover{background:var(--color-accent);color:#fff}.exercise-hints[data-v-ca2b075f]{color:var(--color-text);font-size:.72rem;line-height:1.6;margin:.3rem 0 0;padding-left:1.2rem}.exercise-solution[data-v-ca2b075f]{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;line-height:1.5;margin:.3rem 0 0;overflow-x:auto;padding:.5rem;white-space:pre}.exercise-list[data-v-ca2b075f]{display:flex;flex-direction:column;gap:.35rem}.exercise-card[data-v-ca2b075f]{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:.5rem;transition:border-color .12s,background .12s}.exercise-card[data-v-ca2b075f]:hover{background:#0077b605;border-color:var(--color-accent)}.exercise-card-header[data-v-ca2b075f]{align-items:center;display:flex;gap:.4rem;margin-bottom:.2rem}.exercise-card-title[data-v-ca2b075f]{color:var(--color-text);font-size:.78rem;font-weight:600}.exercise-card-desc[data-v-ca2b075f]{color:var(--color-text-muted);font-size:.68rem;line-height:1.4;margin:0}.zpl-preview[data-v-9eea60fb]{display:flex;flex:1;flex-direction:column;min-height:0}.preview-toolbar[data-v-9eea60fb]{align-items:center;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;padding:.35rem .75rem}.label-info[data-v-9eea60fb]{color:var(--color-text-muted);font-size:.7rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoom-controls[data-v-9eea60fb]{align-items:center;border:1px solid var(--color-border);border-radius:5px;display:flex;flex-shrink:0;gap:0;overflow:hidden}.zoom-btn[data-v-9eea60fb],.zoom-level[data-v-9eea60fb]{background:var(--color-bg);border:none;border-right:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:600;line-height:1;padding:.2rem .5rem;transition:background .12s,color .12s}.zoom-btn[data-v-9eea60fb]:last-child,.zoom-level[data-v-9eea60fb]:last-child{border-right:none}.zoom-btn[data-v-9eea60fb]:hover,.zoom-level[data-v-9eea60fb]:hover{background:var(--color-bg-alt);color:var(--color-text)}.zoom-level[data-v-9eea60fb]{min-width:42px;text-align:center}.zoom-fit[data-v-9eea60fb]{font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase}.preview-canvas[data-v-9eea60fb]{align-items:flex-start;background:linear-gradient(45deg,#f0f0f0 25%,transparent 0),linear-gradient(-45deg,#f0f0f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f0f0f0 0),linear-gradient(-45deg,transparent 75%,#f0f0f0 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;display:flex;flex:1;justify-content:center;overflow:auto;padding:1.5rem}.preview-svg-wrap[data-v-9eea60fb]{cursor:crosshair;flex-shrink:0;transform-origin:top center}.preview-svg-wrap[data-v-9eea60fb] svg{border:1px solid var(--color-border);border-radius:2px;box-shadow:0 2px 8px #00000014;display:block}.preview-svg-wrap[data-v-9eea60fb] [data-source-line]{transition:filter .1s ease}.preview-svg-wrap[data-v-9eea60fb] .source-highlight{filter:drop-shadow(0 0 3px rgba(0,119,182,.7)) drop-shadow(0 0 6px rgba(0,119,182,.4))}.preview-error[data-v-9eea60fb]{background:var(--color-error-bg);border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-error-text);font-size:.9rem;max-width:400px;padding:1rem}.preview-error p[data-v-9eea60fb]{margin:.25rem 0 0}.diagnostics[data-v-9eea60fb]{background:#fffbeb;border-top:1px solid var(--color-border);flex-shrink:0;max-height:120px;overflow-y:auto;padding:.5rem 1rem}.diag-item[data-v-9eea60fb]{align-items:center;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem 0}.diag-severity[data-v-9eea60fb]{color:var(--color-warning);font-size:.7rem;font-weight:700;text-transform:uppercase}.pg-page[data-v-de2c746e]{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.pg-toolbar[data-v-de2c746e]{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.pg-toolbar[data-v-de2c746e],.toolbar-left[data-v-de2c746e]{align-items:center;display:flex}.toolbar-left[data-v-de2c746e]{gap:.75rem}.toolbar-link[data-v-de2c746e]{color:var(--color-accent);font-size:.8rem;font-weight:500;text-decoration:none}.toolbar-link[data-v-de2c746e]:hover{text-decoration:underline}.pg-toolbar h1[data-v-de2c746e]{font-size:var(--text-xl);margin:0}.toolbar-badge[data-v-de2c746e]{background:var(--color-info-bg);border-radius:4px;color:var(--color-info-text);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;padding:.15rem .5rem;text-transform:uppercase}.playground-switcher[data-v-de2c746e]{position:relative}.switcher-trigger[data-v-de2c746e]{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:.35rem;padding:0}.switcher-trigger:hover h1[data-v-de2c746e]{color:var(--color-accent)}.switcher-chevron[data-v-de2c746e]{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s ease}.switcher-chevron.open[data-v-de2c746e]{transform:rotate(180deg)}.switcher-menu[data-v-de2c746e]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;left:0;margin-top:.4rem;min-width:200px;padding:.35rem 0;position:absolute;top:100%;z-index:50}.switcher-item[data-v-de2c746e]{color:var(--color-text);display:block;font-size:.8rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:background .12s;width:100%}.switcher-item[data-v-de2c746e]:hover{background:var(--color-bg-alt)}.switcher-item.current[data-v-de2c746e]{color:var(--color-accent);font-weight:700}.toolbar-btn[data-v-de2c746e]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.35rem .75rem;transition:all .12s}.toolbar-right[data-v-de2c746e]{align-items:center;display:flex;gap:.4rem}.examples-dropdown[data-v-de2c746e]{position:relative}.examples-menu[data-v-de2c746e]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;left:0;margin-top:.4rem;min-width:260px;padding:.35rem 0;position:absolute;top:100%;z-index:50}.example-item[data-v-de2c746e]{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.1rem;padding:.5rem .75rem;text-align:left;transition:background .12s;width:100%}.example-item[data-v-de2c746e]:hover{background:var(--color-bg-alt)}.example-item strong[data-v-de2c746e]{color:var(--color-text);font-size:.8rem;font-weight:600}.example-item span[data-v-de2c746e]{color:var(--color-text-muted);font-size:.7rem}.toolbar-sep[data-v-de2c746e]{background:var(--color-border);height:20px;margin:0 .25rem;width:1px}.toolbar-btn[data-v-de2c746e]:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.toolbar-btn[data-v-de2c746e]:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn.active[data-v-de2c746e]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pg-workspace[data-v-de2c746e]{display:flex;flex:1;min-height:0}.pane[data-v-de2c746e]{display:flex;flex:1;flex-direction:column;min-width:0}.pane-editor[data-v-de2c746e]{border-right:1px solid var(--color-border)}.pane-sidebar[data-v-de2c746e]{background:var(--color-bg);border-left:1px solid var(--color-border);display:flex;flex-direction:column;min-height:0;min-width:320px;overflow:hidden;width:320px}.sidebar-tabs[data-v-de2c746e]{align-items:center;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0}.sidebar-tab[data-v-de2c746e]{background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);cursor:pointer;flex:1;font-family:inherit;font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;padding:.5rem .75rem;text-transform:uppercase;transition:color .12s,border-color .12s}.sidebar-tab[data-v-de2c746e]:hover{color:var(--color-text)}.sidebar-tab.active[data-v-de2c746e]{border-bottom-color:var(--color-accent);color:var(--color-accent)}.close-btn[data-v-de2c746e]{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .25rem}.close-btn[data-v-de2c746e]:hover{color:var(--color-text)}.pane-header[data-v-de2c746e]{align-items:center;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:.5rem 1rem}.pane-title[data-v-de2c746e]{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.diag-count[data-v-de2c746e]{color:var(--color-warning);font-size:.7rem;font-weight:600}@media(max-width:768px){.pg-workspace[data-v-de2c746e]{flex-direction:column}.pane-editor[data-v-de2c746e]{border-bottom:1px solid var(--color-border);border-right:none;max-height:40vh}.pane-sidebar[data-v-de2c746e]{display:none}}