.pv{margin:0 auto;width:100%;container-type:inline-size;background:var(--p-background);color:var(--p-on-background);font-family:var(--p-font-body-family);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0f121a1a,0 12px 40px #0f121a1f;transition:max-width .25s ease}.pv *{margin:0;box-sizing:border-box}.pv-container{max-width:var(--p-space-container-max);margin:0 auto;padding-left:var(--p-space-container-pad);padding-right:var(--p-space-container-pad)}.pv-display{font-family:var(--p-type-display-family);font-size:var(--p-type-display-size);font-weight:var(--p-type-display-weight);line-height:var(--p-type-display-line);letter-spacing:var(--p-type-display-spacing);font-feature-settings:var(--p-type-display-feature)}.pv-headline-lg{font-family:var(--p-type-headline-lg-family);font-size:var(--p-type-headline-lg-size);font-weight:var(--p-type-headline-lg-weight);line-height:var(--p-type-headline-lg-line);letter-spacing:var(--p-type-headline-lg-spacing)}.pv-headline-md{font-family:var(--p-type-headline-md-family);font-size:var(--p-type-headline-md-size);font-weight:var(--p-type-headline-md-weight);line-height:var(--p-type-headline-md-line);letter-spacing:var(--p-type-headline-md-spacing)}.pv-title{font-family:var(--p-type-title-family);font-size:var(--p-type-title-size);font-weight:var(--p-type-title-weight);line-height:var(--p-type-title-line);letter-spacing:var(--p-type-title-spacing)}.pv-body-lg{font-family:var(--p-type-body-lg-family);font-size:var(--p-type-body-lg-size);font-weight:var(--p-type-body-lg-weight);line-height:var(--p-type-body-lg-line);letter-spacing:var(--p-type-body-lg-spacing)}.pv-body-md{font-family:var(--p-type-body-md-family);font-size:var(--p-type-body-md-size);font-weight:var(--p-type-body-md-weight);line-height:var(--p-type-body-md-line);letter-spacing:var(--p-type-body-md-spacing)}.pv-label-md{font-family:var(--p-type-label-md-family);font-size:var(--p-type-label-md-size);font-weight:var(--p-type-label-md-weight);line-height:var(--p-type-label-md-line);letter-spacing:var(--p-type-label-md-spacing)}.pv-label-sm{font-family:var(--p-type-label-sm-family);font-size:var(--p-type-label-sm-size);font-weight:var(--p-type-label-sm-weight);line-height:var(--p-type-label-sm-line);letter-spacing:var(--p-type-label-sm-spacing)}.pv-nav{background:color-mix(in srgb,var(--p-background) 85%,transparent);border-bottom:1px solid var(--p-outline-variant)}.pv-nav-inner{display:flex;align-items:center;gap:var(--p-space-md);height:64px}.pv-brand{font-family:var(--p-font-head-family);font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--p-on-surface)}.pv-brand-sm{font-size:16px}.pv-nav-links{display:flex;gap:var(--p-space-md);margin-left:var(--p-space-lg);flex:1}.pv-link{font-family:var(--p-type-label-md-family);font-size:var(--p-type-label-md-size);font-weight:var(--p-type-label-md-weight);letter-spacing:var(--p-type-label-md-spacing);color:var(--p-on-surface-variant);text-decoration:none}.pv-link:hover,.pv-force-hover .pv-link{color:var(--p-primary)}.pv-nav-actions{display:flex;gap:var(--p-space-sm);align-items:center;margin-left:auto}@container (max-width: 620px){.pv-nav-links{display:none}.pv-brand{white-space:nowrap}}@container (max-width: 440px){.pv-nav .pv-btn-ghost{display:none}.pv-hero-actions{flex-direction:column;align-items:center}.pv-type-row{grid-template-columns:1fr;gap:4px}}.pv-btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.pv-btn-primary{background:var(--p-btn-primary-bg);color:var(--p-btn-primary-text);border-radius:var(--p-btn-primary-radius);padding:var(--p-btn-primary-pad);height:var(--p-btn-primary-height);font-family:var(--p-btn-primary-font-family);font-size:var(--p-btn-primary-font-size);font-weight:var(--p-btn-primary-font-weight);letter-spacing:var(--p-btn-primary-font-spacing)}.pv-btn-primary:hover:not(:disabled),.pv-force-hover .pv-btn-primary:not(:disabled){background:var(--p-btn-primary-hover-bg);color:var(--p-btn-primary-hover-text)}.pv-btn-primary:disabled{background:var(--p-btn-primary-disabled-bg);color:var(--p-btn-primary-disabled-text);cursor:not-allowed}.pv-btn-secondary{background:var(--p-btn-secondary-bg);color:var(--p-btn-secondary-text);border-radius:var(--p-btn-secondary-radius);padding:var(--p-btn-secondary-pad);height:var(--p-btn-secondary-height);font-family:var(--p-btn-secondary-font-family);font-size:var(--p-btn-secondary-font-size);font-weight:var(--p-btn-secondary-font-weight);letter-spacing:var(--p-btn-secondary-font-spacing);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--p-btn-secondary-text) 45%,transparent)}.pv-btn-secondary:hover,.pv-force-hover .pv-btn-secondary{background:var(--p-btn-secondary-hover-bg);color:var(--p-btn-secondary-hover-text)}.pv-btn-ghost{background:var(--p-btn-ghost-bg);color:var(--p-btn-ghost-text);border-radius:var(--p-btn-ghost-radius);padding:0 14px;height:38px;font-family:var(--p-btn-ghost-font-family);font-size:var(--p-btn-ghost-font-size);font-weight:var(--p-btn-ghost-font-weight);letter-spacing:var(--p-btn-ghost-font-spacing)}.pv-btn-ghost:hover,.pv-force-hover .pv-btn-ghost{background:var(--p-btn-ghost-hover-bg);color:var(--p-btn-ghost-hover-text)}.pv-hero{padding:calc(var(--p-space-xl) * 1.2) 0;text-align:center;background:radial-gradient(600px 280px at 50% -80px,color-mix(in srgb,var(--p-primary) 14%,transparent),transparent),var(--p-background)}.pv-hero .pv-display{max-width:760px;margin:var(--p-space-md) auto 0}.pv-hero-sub{max-width:600px;margin:var(--p-space-md) auto 0;color:var(--p-on-surface-variant)}.pv-hero-actions{display:flex;gap:var(--p-space-sm);justify-content:center;margin-top:var(--p-space-lg)}.pv-hero-note{margin-top:var(--p-space-md);color:var(--p-on-surface-variant)}.pv-badge{display:inline-flex;align-items:center;background:var(--p-badge-bg);color:var(--p-badge-text);border-radius:var(--p-badge-radius);padding:var(--p-badge-pad);font-family:var(--p-badge-font-family);font-size:var(--p-badge-font-size);font-weight:var(--p-badge-font-weight);letter-spacing:var(--p-badge-font-spacing)}.pv-badge-error{background:var(--p-error-container);color:var(--p-on-error-container)}.pv-section{padding:var(--p-space-xl) 0}.pv-section-tint{background:var(--p-surface-container-low);border-top:1px solid var(--p-outline-variant);border-bottom:1px solid var(--p-outline-variant)}.pv-section-sub{color:var(--p-on-surface-variant);margin-top:var(--p-space-xs);max-width:560px}.pv-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--p-space-gutter);margin-top:var(--p-space-lg)}.pv-card{background:var(--p-card-bg);color:var(--p-card-text);border-radius:var(--p-card-radius);padding:var(--p-card-pad);border:1px solid var(--p-outline-variant);display:flex;flex-direction:column;gap:var(--p-space-sm);box-shadow:0 1px 2px #0f121a0d,0 4px 14px #0f121a0d;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.pv-card:hover,.pv-force-hover .pv-card{background:var(--p-card-hover-bg);box-shadow:0 2px 4px #0f121a0f,0 10px 28px #0f121a1a;transform:translateY(-2px)}.pv-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--p-rounded-md);background:var(--p-primary-container);color:var(--p-on-primary-container);font-size:18px}.pv-icon-secondary{background:var(--p-secondary-container);color:var(--p-on-secondary-container)}.pv-icon-tertiary{background:var(--p-tertiary-container);color:var(--p-on-tertiary-container)}.pv-card .pv-body-md{color:var(--p-on-surface-variant);flex:1}.pv-card-cta{align-self:flex-start;color:var(--p-primary)}.pv-stats{background:var(--p-inverse-surface);color:var(--p-inverse-on-surface);padding:var(--p-space-lg) 0}.pv-stats-inner{display:flex;justify-content:space-around;gap:var(--p-space-md);flex-wrap:wrap}.pv-stat{display:flex;flex-direction:column;align-items:center;gap:var(--p-space-xs)}.pv-stat .pv-label-sm{opacity:.75}.pv-stat-value{font-family:var(--p-type-headline-lg-family);font-size:var(--p-type-headline-lg-size);font-weight:var(--p-type-headline-lg-weight);letter-spacing:var(--p-type-headline-lg-spacing)}.pv-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--p-space-gutter);align-items:start}@container (max-width: 700px){.pv-two-col{grid-template-columns:1fr}}.pv-panel{min-width:0}.pv-card-elevated{background:var(--p-card-elev-bg);color:var(--p-card-elev-text);border-radius:var(--p-card-elev-radius);padding:var(--p-card-elev-pad);border:1px solid var(--p-outline-variant);box-shadow:0 8px 30px #0f121a1f}.pv-field{display:flex;flex-direction:column;gap:6px;margin-top:var(--p-space-md)}.pv-field .pv-label-md{color:var(--p-on-surface)}.pv-input{background:var(--p-input-bg);color:var(--p-input-text);border-radius:var(--p-input-radius);padding:var(--p-input-pad);height:var(--p-input-height);font-family:var(--p-input-font-family);font-size:var(--p-input-font-size);font-weight:var(--p-input-font-weight);border:1px solid var(--p-outline-variant);outline:none;width:100%}.pv-input-focused,.pv-force-focus .pv-input,.pv-input:focus{border-color:var(--p-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary) 30%,transparent)}.pv-input-error,.pv-force-focus .pv-input-error{border-color:var(--p-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-error) 25%,transparent)}.pv-helper{color:var(--p-on-surface-variant)}.pv-helper-error{color:var(--p-error)}.pv-form-actions{display:flex;gap:var(--p-space-sm);margin-top:var(--p-space-md)}.pv-list{list-style:none;padding:0;margin-top:var(--p-space-md);display:flex;flex-direction:column;gap:2px}.pv-list-item{display:flex;align-items:center;gap:var(--p-space-sm);background:var(--p-list-bg);color:var(--p-list-text);border-radius:var(--p-list-radius);padding:var(--p-list-pad);transition:background-color .15s ease;cursor:pointer}.pv-list-item:hover,.pv-list-item-active,.pv-force-hover .pv-list-item{background:var(--p-list-hover-bg)}.pv-avatar{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--p-rounded-full);background:var(--p-primary-container);color:var(--p-on-primary-container);font-family:var(--p-type-label-sm-family);font-size:var(--p-type-label-sm-size);font-weight:700}.pv-avatar-secondary{background:var(--p-secondary-container);color:var(--p-on-secondary-container)}.pv-avatar-tertiary{background:var(--p-tertiary-container);color:var(--p-on-tertiary-container)}.pv-list-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.pv-list-title{font-family:var(--p-type-body-md-family);font-size:var(--p-type-body-md-size);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-list-meta{color:var(--p-on-surface-variant)}.pv-badge-sm{flex:none}.pv-type-table{margin-top:var(--p-space-lg);display:flex;flex-direction:column}.pv-type-row{display:grid;grid-template-columns:110px 1fr;gap:var(--p-space-md);align-items:baseline;padding:var(--p-space-sm) 0;border-bottom:1px solid var(--p-outline-variant)}.pv-type-name{color:var(--p-on-surface-variant)}.pv-type-sample{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--p-space-sm);margin-top:var(--p-space-lg)}.pv-swatch{height:72px;border-radius:var(--p-rounded-md);border:1px solid color-mix(in srgb,var(--p-on-surface) 12%,transparent);display:flex;align-items:flex-end;padding:8px 10px}.pv-swatch span{font-family:var(--p-type-label-sm-family);font-size:11px;font-weight:var(--p-type-label-sm-weight);letter-spacing:var(--p-type-label-sm-spacing)}.pv-sw-primary{background:var(--p-primary);color:var(--p-on-primary)}.pv-sw-primary-container{background:var(--p-primary-container);color:var(--p-on-primary-container)}.pv-sw-secondary{background:var(--p-secondary);color:var(--p-on-secondary)}.pv-sw-secondary-container{background:var(--p-secondary-container);color:var(--p-on-secondary-container)}.pv-sw-tertiary{background:var(--p-tertiary);color:var(--p-on-tertiary)}.pv-sw-tertiary-container{background:var(--p-tertiary-container);color:var(--p-on-tertiary-container)}.pv-sw-error{background:var(--p-error);color:var(--p-on-error)}.pv-sw-error-container{background:var(--p-error-container);color:var(--p-on-error-container)}.pv-sw-surface{background:var(--p-surface);color:var(--p-on-surface)}.pv-sw-surface-low{background:var(--p-surface-container-low);color:var(--p-on-surface)}.pv-sw-surface-high{background:var(--p-surface-container-high);color:var(--p-on-surface)}.pv-sw-inverse{background:var(--p-inverse-surface);color:var(--p-inverse-on-surface)}.pv-footer{border-top:1px solid var(--p-outline-variant);padding:var(--p-space-lg) 0;background:var(--p-surface-container-low)}.pv-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--p-space-md);flex-wrap:wrap}.pv-footer .pv-label-sm{color:var(--p-on-surface-variant)}:root{--chrome-bg: #f3f4f6;--chrome-panel: #ffffff;--chrome-border: #e2e4e9;--chrome-ink: #16181d;--chrome-muted: #6b7280;--chrome-accent: #16181d;--chrome-mono: "JetBrains Mono", ui-monospace, monospace;--chrome-sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--chrome-sans);color:var(--chrome-ink);background:var(--chrome-bg);font-size:14px}.app{height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;height:56px;background:var(--chrome-panel);border-bottom:1px solid var(--chrome-border);flex:none}.app-title{display:flex;align-items:center;gap:12px;min-width:0}.app-title h1{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0;white-space:nowrap}.app-tag{font-family:var(--chrome-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--chrome-muted);border:1px solid var(--chrome-border);padding:3px 8px;border-radius:4px;white-space:nowrap}.app-actions{display:flex;align-items:center;gap:8px}.app-sep{width:1px;height:22px;background:var(--chrome-border)}.app-btn{font-family:var(--chrome-sans);font-size:13px;font-weight:500;padding:7px 12px;border-radius:6px;border:1px solid var(--chrome-border);background:var(--chrome-panel);color:var(--chrome-ink);cursor:pointer;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease}.app-btn:hover:not(:disabled){background:#f6f7f9;border-color:#cdd1d8}.app-btn:disabled{opacity:.45;cursor:not-allowed}.app-btn-primary{background:var(--chrome-accent);border-color:var(--chrome-accent);color:#fff}.app-btn-primary:hover:not(:disabled){background:#2d3038;border-color:#2d3038}.app-btn-copied{background:#f0fdf4;border-color:#86efac;color:#166534}.app-btn-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.app-body{flex:1;display:flex;min-height:0}.app-sidebar{width:400px;flex:none;display:flex;flex-direction:column;background:var(--chrome-panel);border-right:1px solid var(--chrome-border);min-height:0}.app-tabs{display:flex;flex:none;border-bottom:1px solid var(--chrome-border)}.app-tab{flex:1;padding:11px 12px;font-family:var(--chrome-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:transparent;border:none;color:var(--chrome-muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}.app-tab:hover:not(.app-tab-active){color:var(--chrome-ink);background:#f6f7f9}.app-tab-active{background:var(--chrome-ink);color:#fff;font-weight:700}.app-sidebar-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.app-canvas{flex:1;display:flex;flex-direction:column;min-width:0}.app-canvas-toolbar{display:flex;align-items:center;gap:16px;padding:10px 20px;flex:none}.app-seg{display:inline-flex;border:1px solid var(--chrome-border);border-radius:7px;overflow:hidden;background:var(--chrome-panel)}.app-seg-btn{border:none;background:transparent;padding:6px 12px;font-size:12px;font-weight:500;color:var(--chrome-muted);cursor:pointer}.app-seg-btn+.app-seg-btn{border-left:1px solid var(--chrome-border)}.app-seg-active{background:var(--chrome-ink);color:#fff}.app-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--chrome-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.app-tooltip-wrap{display:inline-flex}.app-tooltip{width:max-content;max-width:240px;padding:6px 10px;border-radius:6px;border:1.5px solid #c3c3c3;background:#f0f0f0ea;color:var(--chrome-ink);font-size:12px;font-weight:500;line-height:1.4;text-align:center;pointer-events:none;box-shadow:0 2px 4px #0f121a1a,0 8px 24px #0f121a29}.app-tooltip-portal{position:fixed;transform:translate(-50%);z-index:10000}.app-tooltip-readable{max-width:280px;text-align:left;white-space:pre-line}.app-canvas-name{margin-left:auto;font-family:var(--chrome-mono);font-size:11px;color:var(--chrome-muted)}.app-canvas-scroll{flex:1;overflow:auto;padding:8px 24px 40px;background-image:radial-gradient(circle,#d6d9df 1px,transparent 1px);background-size:22px 22px}.app-canvas-scroll:has(.app-canvas-empty){display:flex;align-items:center;justify-content:center;min-height:0}.app-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:560px;margin:auto;padding:24px 16px;text-align:center}.empty-title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--chrome-ink)}.empty-sub{margin:0;font-size:14px;line-height:1.55;color:var(--chrome-muted);max-width:380px}.empty-mono{font-family:var(--chrome-mono);font-size:12px;letter-spacing:-.02em;color:var(--chrome-ink)}.empty-steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.empty-steps li{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--chrome-panel);border:1px solid var(--chrome-border);border-radius:10px;text-align:left}.empty-step-num{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--chrome-ink);color:#fff;font-size:12px;font-weight:600}.empty-step-text{font-size:13px;line-height:1.4;color:var(--chrome-muted)}.empty-step-text strong{color:var(--chrome-ink);font-weight:600}.src-root{display:flex;flex-direction:column;flex:1;min-height:0}.src-toolbar{display:flex;gap:8px;padding:12px;flex:none;border-bottom:1px solid var(--chrome-border)}.src-samples{flex:1;font-family:var(--chrome-sans);font-size:13px;padding:7px 8px;border-radius:6px;border:1px solid var(--chrome-border);background:var(--chrome-panel);color:var(--chrome-ink)}.src-textarea{flex:1;min-height:280px;resize:none;border:none;outline:none;padding:14px;font-family:var(--chrome-mono);font-size:12px;line-height:1.6;color:var(--chrome-ink);background:var(--chrome-panel)}.src-issues{flex:none;max-height:180px;overflow-y:auto;border-top:1px solid var(--chrome-border);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.src-issue{font-family:var(--chrome-mono);font-size:11px;line-height:1.5;padding:4px 8px;border-radius:4px}.src-issue-error{background:#fdecea;color:#8c1d18}.src-issue-warning{background:#fff8e1;color:#7a5900}.ed-root{padding:8px 0 32px}.ed-empty,.ed-note{padding:12px 16px;color:var(--chrome-muted);font-size:13px;line-height:1.5;margin:0}.ed-section{border-bottom:1px solid var(--chrome-border)}.ed-section .ed-section{border-bottom:none;border-top:1px solid #eef0f3}.ed-section-head{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;cursor:pointer;text-align:left}.ed-chevron{font-size:10px;color:var(--chrome-muted);transition:transform .12s ease}.ed-chevron-open{transform:rotate(90deg)}.ed-section-title{font-family:var(--chrome-mono);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--chrome-ink)}.ed-section .ed-section .ed-section-title{text-transform:none;letter-spacing:.02em;font-weight:500}.ed-section-hint{margin-left:auto;font-family:var(--chrome-mono);font-size:10px;color:var(--chrome-muted)}.ed-section-body{padding:2px 14px 12px}.ed-section .ed-section .ed-section-body{padding-right:0}.ctl-row{display:flex;align-items:center;gap:8px;padding:4px 0;min-height:30px}.ctl-label{font-family:var(--chrome-mono);font-size:11px;color:var(--chrome-muted);width:108px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl-slider{flex:1;min-width:40px;accent-color:var(--chrome-ink);height:22px}.ctl-slider:disabled{opacity:.3}.ctl-text{width:76px;flex:none;font-family:var(--chrome-mono);font-size:11px;padding:5px 7px;border:1px solid var(--chrome-border);border-radius:5px;color:var(--chrome-ink);background:var(--chrome-panel);outline:none}.ctl-text:focus{border-color:var(--chrome-ink)}.ctl-text-wide{flex:1;width:auto}.ctl-mono{font-family:var(--chrome-mono)}.ctl-color-text{flex:1;width:auto;min-width:70px}.ctl-swatch{width:26px;height:26px;flex:none;border-radius:6px;border:1px solid rgba(0,0,0,.15);cursor:pointer;position:relative;overflow:hidden}.ctl-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.ctl-contrast{flex:none;font-family:var(--chrome-mono);font-size:9.5px;font-weight:600;padding:3px 6px;border-radius:4px;white-space:nowrap;cursor:default}.ctl-contrast-pass{background:#e6f4ea;color:#1e7e34}.ctl-contrast-large{background:#fff8e1;color:#7a5900}.ctl-contrast-fail{background:#fdecea;color:#c62828}@media (max-width: 900px){.app-body{flex-direction:column}.app-sidebar{width:100%;max-height:45vh;border-right:none;border-bottom:1px solid var(--chrome-border)}}