.pg-page{max-width:1920px;margin-inline:auto;padding:22px clamp(16px,2.4vw,44px) 80px}.pg-page-intro{justify-content:space-between;align-items:end;gap:28px;padding:12px 0 26px;display:flex}.pg-page-intro h1{margin:8px 0 0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2}.pg-page-intro>p{max-width:460px;font-size:var(--text-base);color:var(--muted);margin:0}.pg-workspace{--pg-line:#dfe5ed;--pg-muted:#697688;--pg-blue:#335cf0;border:1px solid var(--pg-line);font-size:var(--text-sm);background:#fff;border-radius:18px;overflow:clip;box-shadow:0 16px 60px #20305608}.pg-workspace button,.pg-workspace input,.pg-workspace select,.pg-workspace textarea{font-family:inherit}.pg-workspace button{border:1px solid var(--pg-line);color:var(--ink);min-height:38px;font-size:var(--text-sm);touch-action:manipulation;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;line-height:1.3;transition:background .13s,box-shadow .13s;display:inline-flex}.pg-workspace button:hover:not(:disabled){background:#eef2fd}.pg-workspace button:active:not(:disabled){box-shadow:inset 0 1px 4px #16254320}.pg-workspace button:disabled{opacity:.4}.pg-workspace button svg{flex:none}.pg-workspace h2{font-size:var(--text-base);letter-spacing:-.02em}.pg-workspace h3{font-size:var(--text-sm);letter-spacing:0}.pg-workspace p{line-height:1.65}.pg-workspace select,.pg-workspace input:not([type=checkbox]):not([type=range]):not([type=file]){border:1px solid var(--pg-line);min-height:42px;color:var(--ink);width:100%;min-width:0;font-size:var(--text-base);background:#fff;border-radius:8px;padding:8px 10px}.pg-workspace textarea{font-size:var(--text-base)}.pg-workbar{border-bottom:1px solid var(--pg-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.pg-view-switch{background:#f0f3f8;border-radius:10px;gap:3px;padding:3px;display:flex}.pg-view-switch button{color:var(--muted);background:0 0;border:0;padding-inline:13px}.pg-view-switch button[aria-pressed=true]{color:var(--pg-blue);background:#fff;box-shadow:0 2px 5px #10255112}.pg-workbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pg-workbar-actions .pg-zoom select{min-height:38px;font-size:var(--text-sm);width:84px}.pg-workbar-actions .pg-export,.pg-workspace .pg-primary{background:var(--pg-blue);border-color:var(--pg-blue);color:#fff}.pg-workbar-actions .pg-export:hover,.pg-workspace .pg-primary:hover{background:#244ad5!important}.pg-work-grid{grid-template-columns:232px minmax(0,1fr) 262px;align-items:start;display:grid}.pg-source-panel,.pg-config-panel{min-width:0;padding:22px 18px}.pg-source-panel{border-inline-end:1px solid var(--pg-line);height:100%}.pg-config-panel{border-inline-start:1px solid var(--pg-line);scrollbar-width:thin;max-height:1110px;overflow:auto}.pg-source-panel>h2,.pg-config-panel>h2{margin-bottom:18px}.pg-config-panel section{border-bottom:1px solid var(--pg-line);padding-block:16px}.pg-config-panel section:first-of-type{padding-top:0}.pg-config-panel section:last-child{border-bottom:0}.pg-config-panel summary{font-size:var(--text-sm);cursor:pointer;padding-block:5px}.pg-field{flex-direction:column;gap:6px;min-width:0;margin-bottom:14px;display:flex}.pg-field>span{font-size:var(--text-sm);color:#3f5063;line-height:1.4}.pg-help{font-size:var(--text-xs);color:var(--pg-muted);overflow-wrap:anywhere;margin:10px 0 0;line-height:1.7!important}.pg-warning{color:#926215;background:#fff5dc;border-radius:6px;padding:8px}.pg-toggle{cursor:pointer;align-items:center;gap:12px;min-height:42px;margin-block:2px;display:flex;position:relative}.pg-toggle>span{line-height:1.5;font-size:var(--text-sm);flex:1}.pg-toggle input{opacity:0;cursor:pointer;width:34px;height:22px;position:absolute;inset-inline-end:0}.pg-toggle i{pointer-events:none;background:#ccd4df;border-radius:20px;flex:none;width:34px;height:20px;transition:background .14s;position:relative}.pg-toggle i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.pg-toggle input:checked+i{background:var(--pg-blue)}.pg-toggle input:checked+i:after{transform:translate(14px)}.pg-toggle input:focus-visible+i{outline:3px solid var(--blue);outline-offset:3px}.pg-toggle:has(input:disabled){opacity:.45;cursor:default}.pg-range{margin:12px 0;display:block}.pg-range>span{font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;display:flex}.pg-range output{font-family:var(--mono);font-size:var(--text-sm);color:var(--pg-blue);font-variant-numeric:tabular-nums}.pg-range input{width:100%;height:30px;accent-color:var(--pg-blue);cursor:pointer}.pg-source-form button{width:100%}.pg-source-form{margin-top:16px}.pg-divider{border-bottom:1px solid var(--pg-line);margin:24px 0}.pg-presets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pg-presets button{background:#fafbfd;flex-direction:column;gap:8px;min-height:76px;padding:13px 6px}.pg-presets svg{color:#526c99}.pg-sample-note{background:#f2f5ff;border-radius:12px;flex-direction:column;align-items:start;margin-top:15px;padding:20px 14px;display:flex}.pg-sample-note p{font-size:var(--text-sm);color:var(--muted);margin:4px 0 13px}.pg-sample-icon{color:var(--pg-blue);background:#fff;border-radius:11px;margin-bottom:12px;padding:9px;display:flex;box-shadow:0 3px 12px #335cf018}.pg-workspace .pg-text-button{color:var(--pg-blue);min-height:30px;font-size:var(--text-xs);text-align:start;background:0 0;border:0;padding:2px 0}.pg-capability{border-top:1px solid var(--pg-line);margin-top:26px;padding-top:18px}.pg-capability>svg{color:#6c819e;margin-bottom:10px}.pg-capability h3{margin-bottom:7px}.pg-capability p{font-size:var(--text-xs);color:var(--pg-muted);margin:0}.pg-notice{color:#24674d;font-size:var(--text-sm);background:#edf7f2;border-bottom:1px solid #d6e8de;justify-content:space-between;align-items:center;gap:20px;padding:10px 18px;display:flex}.pg-notice.is-error{color:#9a3c27;background:#fff0ed;border-color:#f3d5cc}.pg-notice button{background:0 0;border:0;min-height:28px;padding:3px}.pg-embed-status{background:#f5f7fb;border-radius:9px;margin:12px 0;padding:12px}.pg-embed-status>p:first-child{font-size:var(--text-sm);margin:0;font-weight:600}.pg-embed-status a{color:var(--pg-blue);font-size:var(--text-sm);margin-top:14px;display:block}.pg-small-actions{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pg-figma-controls{padding-top:14px}.pg-file-label{text-align:center;cursor:pointer;font-size:var(--text-sm);background:#f8faff;border:1px dashed #b4c0d4;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;display:flex;position:relative}.pg-file-label input{max-width:100%;font-size:var(--text-xs)}.pg-stage-panel{background:#f5f7fa;min-width:0}.pg-stage-top{font-size:var(--text-xs);color:var(--pg-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pg-stage-top>span{align-items:center;gap:7px;display:flex}.pg-stage-top button{font-size:var(--text-xs);background:#fff9;min-height:32px}.pg-canvas{isolation:isolate;scrollbar-width:thin;background-image:radial-gradient(#d0d8e3 .7px,#0000 .7px);background-size:20px 20px;justify-content:center;align-items:center;height:610px;padding:32px;display:flex;position:relative;overflow:auto}.pg-canvas[data-zoom=actual]{display:block}.pg-device-footprint{isolation:isolate;flex:none;margin:auto;position:relative}.pg-device{--device-paper:#fff;--device-muted:#6f7b8b;--device-ink:#1a293b;--device-surface:#f3f5f8;--device-line:#e8ebf1;width:calc(var(--screen-width) + 24px);height:calc(var(--screen-height) + 24px);transform:scale(var(--stage-scale));transform-origin:0 0;color:var(--device-ink);background:linear-gradient(135deg,#5b6067 0%,#151920 12%,#080b11 80%,#626b74);border-radius:43px;padding:12px;position:relative;box-shadow:0 28px 45px -12px #16233850,0 2px 3px #0008,inset 0 0 0 1px #fff7,inset 0 0 0 3px #1d2631}.pg-device[data-theme=dark]{--device-paper:#19222e;--device-muted:#a2afc1;--device-ink:#e2e9f1;--device-surface:#212e3d;--device-line:#334151}.pg-device-hardware{pointer-events:none;z-index:-1;position:absolute;inset:-2px}.pg-device-hardware i{background:#6c7783;border-radius:3px;width:4px;height:70px;position:absolute;top:112px;right:-1px}.pg-device-hardware i+i{height:50px;top:206px}.pg-live-screen{width:var(--screen-width);height:var(--screen-height);background:var(--device-paper);isolation:isolate;border-radius:32px;position:relative;overflow:hidden}.pg-canvas[hidden],.pg-three-studio[hidden]{display:none!important}.pg-app-window{background:var(--device-paper);position:absolute;overflow:hidden}.pg-live-content{background:var(--device-paper);z-index:2;color:var(--device-ink)}.pg-live-content iframe{background:#fff;border:0;width:100%;height:100%;display:block}.pg-empty-source{text-align:center;height:100%;color:var(--device-muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:40px;display:flex}.pg-empty-source p{font-size:var(--text-base);max-width:380px}.pg-empty-source>svg{width:36px;height:36px}.pg-control-rail{z-index:1;background:var(--device-surface);border-inline:1px solid var(--device-line);position:absolute;top:0;bottom:0}.pg-system-status{z-index:6;font-size:var(--text-xs);pointer-events:none;align-items:center;gap:7px;height:24px;font-weight:650;display:flex;position:absolute;top:5px;left:18px;right:18px}.pg-system-status b{margin-inline-end:auto}.pg-battery{border:1px solid;border-radius:3px;width:18px;height:9px;display:inline-block;position:relative}.pg-battery:after{content:"";background:currentColor;border-radius:1px;position:absolute;inset:1px}.pg-app-window[data-bars=vertical] .pg-system-status{width:var(--pg-rail-width);flex-wrap:wrap;justify-content:center;gap:3px;height:38px;top:48px;left:auto;right:0}.pg-app-window[data-bars=vertical] .pg-system-status b{text-align:center;width:100%;margin:0}.pg-app-window[data-side=left][data-bars=vertical] .pg-system-status{left:0;right:auto}.pg-app-toolbar{z-index:8;top:30px;justify-content:end;align-items:center;gap:5px;height:54px;display:flex;position:absolute;inset-inline:8px}.pg-app-toolbar>.pg-chrome-button:first-child{margin-inline-end:auto}.pg-app-window[data-bars=vertical] .pg-app-toolbar{height:auto;width:var(--pg-rail-width);flex-direction:column;justify-content:start;gap:6px;padding-top:2px;display:flex;left:auto;right:0}.pg-app-window[data-bars=vertical] .pg-app-toolbar>.pg-chrome-button:first-child{margin:0 0 7px}.pg-app-window[data-side=left][data-bars=vertical] .pg-app-toolbar{left:0;right:auto}.pg-workspace .pg-chrome-button{color:var(--device-ink);background:0 0;border:0;border-radius:50%;flex-shrink:0;width:42px;height:42px;padding:0}.pg-workspace .pg-chrome-button:hover:not(:disabled){background:#728abd20}.pg-workspace .pg-chrome-button.chosen{color:#335cf0;background:#335cf018}.pg-chrome-button svg{width:23px;height:23px}.pg-app-tabs{z-index:7;background:var(--device-surface);justify-content:center;align-items:center;gap:12px;height:48px;display:flex;position:absolute;bottom:18px;left:0;right:0}.pg-workspace .pg-app-tabs button{min-width:50px;min-height:44px;color:var(--device-muted);font-size:var(--text-xs);background:0 0;border:0;align-items:center;gap:6px;padding:8px;display:flex}.pg-workspace .pg-app-tabs button[aria-pressed=true]{color:#335cf0;background:#335cf00d;border-radius:12px}.pg-app-window[data-bars=vertical] .pg-app-tabs{height:auto;width:var(--pg-rail-width);flex-direction:column;gap:3px;left:auto;right:0}.pg-app-window[data-bars=vertical] .pg-app-tabs button{flex-direction:column;gap:4px}.pg-app-window[data-side=left][data-bars=vertical] .pg-app-tabs{left:0;right:auto}.pg-home-indicator{z-index:8;background:var(--device-ink);opacity:.7;pointer-events:none;border-radius:20px;width:116px;height:5px;position:absolute;bottom:5px;left:calc(50% - 58px)}.pg-camera{z-index:30;pointer-events:none;background:radial-gradient(circle at 65% 38%,#214256 0,#050709 35%,#0d1219 65%,#5a6269 66%,#080b10 78%);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 3px #0001}.pg-live-activity{color:#d8fbbb;height:32px;font-size:var(--text-xs);z-index:7;background:#10141a;border-radius:18px;align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute;top:84px;left:18px;right:18px}.pg-app-window[data-bars=vertical] .pg-live-activity{left:auto;right:calc((var(--pg-rail-width) - 56px) / 2);text-align:center;width:56px;height:132px;font-size:var(--text-xs);border-radius:24px;flex-direction:column;padding:12px 5px;line-height:1.35;display:flex;top:90px}.pg-app-window[data-bars=vertical][data-side=left] .pg-live-activity{left:calc((var(--pg-rail-width) - 56px) / 2);right:auto}.pg-activity-dot{background:#bdf789;border-radius:50%;flex:none;width:9px;height:9px}.pg-live-activity i{clip-path:polygon(0 35%,20% 15%,40% 55%,60% 0,80% 25%,100% 15%,100% 85%,80% 75%,60% 100%,40% 65%,20% 90%,0 70%);background:repeating-linear-gradient(90deg,#bdf789 0 3px,#0000 3px 6px);width:25px;height:20px}.pg-overflow-menu{z-index:50;background:var(--device-paper);border:1px solid var(--device-line);border-radius:15px;width:200px;min-width:0;max-width:calc(100% - 16px);padding:6px;position:absolute;overflow:auto;box-shadow:0 12px 40px #0004}.pg-overflow-menu button{width:100%;color:var(--device-ink);font-size:var(--text-sm);background:0 0;border:0;justify-content:start}.pg-demo{width:100%;height:100%;font-size:var(--text-base);color:var(--device-ink);position:relative}.pg-demo-panes{gap:var(--demo-gap);height:100%;display:flex;position:relative}.pg-note-list{width:var(--demo-list-width);background:var(--device-surface);border-inline-end:1px solid var(--device-line);scrollbar-width:thin;flex:none;height:100%;padding:26px 16px;overflow:auto}.pg-notes-heading{padding:0 6px 20px}.pg-app-kicker{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--device-muted);margin-bottom:8px;font-weight:600;line-height:1.5;display:block}.pg-notes-heading h2{font-size:calc(1.5rem * var(--demo-text-scale,1));letter-spacing:-.035em;font-weight:700;line-height:1.15}.pg-notes-heading p{font-size:calc(.875rem * var(--demo-text-scale,1));color:var(--device-muted);margin:10px 0 0;line-height:1.6}.pg-workspace .pg-note-card{text-align:start;width:100%;color:var(--device-ink);background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:start;gap:7px;margin-bottom:9px;padding:18px 15px;display:flex;position:relative}.pg-workspace .pg-note-card[hidden]{display:none}.pg-workspace .pg-note-card.selected{background:var(--device-paper);border-color:var(--device-line);box-shadow:0 3px 10px #17283e07}.pg-note-card>strong{font-size:calc(1rem * var(--demo-text-scale,1));padding-inline-end:10px;font-weight:650;line-height:1.35}.pg-note-card>span:not(.pg-note-mark){font-size:calc(.875rem * var(--demo-text-scale,1));color:var(--device-muted);line-height:1.5}.pg-note-card small{font-size:var(--text-xs);color:#56749f;margin-top:5px}.pg-note-mark{color:#355baa;background:#e5ebff;border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:4px;display:grid}.pg-note-mark.mark-1{color:#a17d54;background:#f2e9df}.pg-note-mark.mark-2{color:#58856c;background:#e4efe8}.pg-note-card>svg{inset-inline-end:9px;width:14px;height:14px;color:var(--device-muted);position:absolute;top:50%}.pg-note-detail{overscroll-behavior:contain;scrollbar-width:thin;background:var(--device-paper);flex:1;min-width:0;height:100%;padding-bottom:24px;transition:transform .22s cubic-bezier(.2,.8,.2,1);overflow:auto}.pg-note-art{isolation:isolate;background:#e7edff;border-radius:0;height:180px;margin-bottom:26px;position:relative;overflow:hidden}.pg-note-art>div:first-child{background:#afc0f8;border-radius:50%;width:58%;height:240%;position:absolute;top:-80%;right:-20%;transform:rotate(32deg);box-shadow:0 0 0 40px #cdd8f933}.pg-note-art>div:nth-child(2){background:linear-gradient(150deg,#dbe5ff,#8eaae7);border-radius:17px;width:100px;height:140px;position:absolute;top:20%;left:16%;transform:rotate(-25deg);box-shadow:12px 15px 30px #4763a12b}.pg-note-art>span{color:#526fa9;font-size:2.6rem;position:absolute;bottom:26px;left:28px}.pg-note-text{max-width:740px;margin:0 auto;padding:0 32px}.pg-note-text h2{font-size:calc(2rem * var(--demo-text-scale,1));letter-spacing:-.045em;margin-bottom:15px;font-weight:650;line-height:1.13}.pg-note-text p{font-size:calc(1rem * var(--demo-text-scale,1));color:var(--device-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:20px;line-height:1.8}.pg-note-text .pg-note-lead{font-size:calc(1.125rem * var(--demo-text-scale,1));color:var(--device-ink);line-height:1.55}.pg-workspace .pg-inline-button{color:#345fca;min-height:42px;font-size:var(--text-base);background:#e9efff;border:0;padding:10px 13px}.pg-demo[data-wide=false] .pg-note-list{width:100%}.pg-demo[data-wide=false][data-route=list] .pg-note-detail,.pg-demo[data-wide=false][data-route=detail] .pg-note-list{display:none}.pg-demo[data-wide=false] .pg-note-text{padding-inline:22px}.pg-demo[data-wide=false] .pg-note-text h2{font-size:calc(1.7rem * var(--demo-text-scale,1))}.pg-demo[data-wide=false] .pg-note-art{height:146px}.pg-demo[data-wide=false] .pg-note-card{gap:9px;padding:18px}.pg-workspace .pg-back-edge{top:0;z-index:10;touch-action:none;border:0;border-radius:0;width:20px;height:100%;padding:0;position:absolute;inset-inline-start:0;box-shadow:none!important;background:0 0!important}.pg-back-edge:focus-visible{outline-offset:-3px;background:#335cf025!important}.pg-demo-modal{z-index:35;isolation:isolate;position:absolute;inset:0}.pg-workspace .pg-modal-scrim{border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0;background:#1421394d!important}.pg-editor-sheet{background:var(--device-paper);isolation:isolate;min-width:0;color:var(--device-ink);border-radius:23px;flex-direction:column;transition:height .2s,left .22s,top .2s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 45px #0f1e3455}.pg-workspace .pg-sheet-handle{touch-action:none;background:0 0;border:0;border-radius:0;flex-shrink:0;width:100%;height:24px;min-height:24px;padding:0}.pg-sheet-handle>span{background:#aab2bf;border-radius:8px;width:38px;height:5px}.pg-editor-sheet>header{border-bottom:1px solid var(--device-line);font-size:var(--text-base);flex-shrink:0;align-items:center;gap:8px;padding:0 12px 10px;display:flex}.pg-editor-sheet>header>strong{min-width:0;font-size:var(--text-base);text-align:center;flex:1;line-height:1.3}.pg-workspace .pg-plain{color:var(--device-ink);font-size:var(--text-sm);background:0 0;border:0;min-height:34px;padding:7px}.pg-workspace .pg-plain.pg-accent{color:#335cf0;font-weight:600}.pg-editor-body{flex-direction:column;flex:1;min-height:0;padding:15px 18px;display:flex;overflow:auto}.pg-editor-body>label{font-size:var(--text-sm);color:var(--device-muted);flex-shrink:0;margin-bottom:8px}.pg-editor-body>textarea{resize:none;border:1px solid var(--device-line);background:var(--device-surface);width:100%;min-height:76px;color:var(--device-ink);font-size:calc(1rem * var(--demo-text-scale,1));border-radius:10px;flex:1;padding:12px;line-height:1.6}.pg-editor-body>p{font-size:var(--text-xs);color:var(--device-muted);margin:8px 0 0}.pg-sheet-options{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:5px;display:flex}.pg-info-dialog{background:var(--device-paper);border:1px solid var(--device-line);border-radius:18px;max-height:calc(100% - 20px);padding:20px;position:absolute;overflow:auto;box-shadow:0 12px 50px #0013}.pg-info-dialog h3{font-size:var(--text-reading);margin:12px 0}.pg-info-dialog p{font-size:var(--text-base);line-height:1.65}.pg-demo-keyboard{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#263042;background:#ccd1d9ef;border-top:1px solid #aeb7c4;flex-direction:column;gap:5px;width:100%;padding:5px 7px;display:flex;position:absolute}.pg-keyboard-hint{font-size:var(--text-xs);flex-shrink:0;justify-content:space-between;align-items:center;height:24px;padding-inline:4px;display:flex}.pg-workspace .pg-keyboard-hint button{color:#355cc8;min-height:24px;font-size:var(--text-xs);background:0 0;border:0;padding:2px 4px}.pg-key-row{flex:1;justify-content:center;gap:5px;min-height:22px;display:flex}.pg-key-row:nth-child(3){padding-inline:4%}.pg-workspace .pg-key-row button{color:#1c2634;min-width:0;min-height:22px;font-size:var(--text-base);touch-action:manipulation;background:#fff;border:0;border-radius:5px;flex:1;padding:1px;box-shadow:0 1px #929dab}.pg-workspace .pg-key-row .pg-space{font-size:var(--text-sm);flex:5}.pg-workspace .pg-key-row .pg-key-wide{background:#b6bfcc;flex:1.35}.pg-external-keyboard{color:#677485;z-index:8;text-align:center;font-size:var(--text-sm);background:#d5dce7;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute}.pg-external-keyboard>div{font-family:var(--mono);line-height:2;font-size:var(--text-base)}.pg-video-space{z-index:5;color:#d7e3f5;font-size:var(--text-base);background:#162235;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.pg-media-orb{opacity:.7;background:radial-gradient(#799ee5,#0000 70%);border-radius:50%;width:150px;height:100px;position:absolute;left:20%}.pg-video-space>span,.pg-video-space>button{z-index:1}.pg-other-app{color:#8b98ab;font-size:var(--text-base);background:#dbe2eb;border:3px solid #18212d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute}.pg-crease{z-index:25;pointer-events:none;mix-blend-mode:multiply;position:absolute}.pg-crease.vertical{background:linear-gradient(90deg,#0000,#081a3d14 25%,#0003 50%,#fff8 66%,#0000);width:44px;top:0;bottom:0;left:calc(50% - 22px)}.pg-crease.horizontal{background:linear-gradient(#0000,#fff8 34%,#0003 50%,#081a3d14 75%,#0000);height:44px;top:calc(50% - 22px);left:0;right:0}.pg-region-overlay,.pg-layout-grid{pointer-events:none;z-index:45;position:absolute;inset:0}.pg-layout-grid{background:repeating-linear-gradient(90deg,#447ef00b 0 calc(8.33333% - 1px),#4c79d83b calc(8.33333% - 1px) 8.33333%)}.pg-safe-guide{border:2px dashed #1aa99a;position:absolute}.pg-division-guide{background:repeating-linear-gradient(45deg,#e69c3655 0 5px,#e69c3622 5px 10px);border:1px dashed #c8861a;position:absolute}.pg-camera-guide{background:#d4588e44;border:1px dashed #d4588e;border-radius:50%;position:absolute}.pg-region-tag{color:#fff;font-size:var(--text-xs);background:#117d70;border-radius:4px;padding:2px 5px;line-height:1.4;position:absolute}.pg-canvas-caption{font-size:var(--text-xs);color:var(--pg-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 20px;line-height:1.5;display:flex}.pg-canvas-caption>span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums}.pg-angle-control{border-bottom:1px solid var(--pg-line);background:#ffffffa6;padding:4px 24px 18px}.pg-inspector{background:#fbfcfe;padding:20px 24px}.pg-inspector h2{font-size:var(--text-sm);margin-bottom:14px}.pg-inspector dl{grid-template-columns:repeat(2,1fr);gap:15px 25px;margin:0;display:grid}.pg-inspector dt{font-size:var(--text-xs);color:var(--pg-muted);margin-bottom:2px}.pg-inspector dd{font-family:var(--mono);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;line-height:1.5}.pg-rule-cards{border-top:1px solid var(--pg-line);grid-template-columns:repeat(3,1fr);display:grid}.pg-rule-cards article{border-inline-end:1px solid var(--pg-line);padding:23px 26px}.pg-rule-cards article:last-child{border:0}.pg-rule-cards article>span{font-family:var(--mono);color:#95a3b7;font-size:var(--text-xs);margin-bottom:13px;display:block}.pg-rule-cards h3{font-size:var(--text-base);margin-bottom:10px;line-height:1.4}.pg-rule-cards p{font-size:var(--text-sm);color:var(--pg-muted);margin:0}.pg-documentation{grid-template-columns:1fr 1fr;gap:32px 48px;max-width:1080px;margin:48px auto 0;display:grid}.pg-documentation section h2{font-size:var(--text-reading);margin:0 0 14px}.pg-documentation p{font-size:var(--text-base);color:var(--muted);line-height:1.8}.pg-documentation ul{margin:0;padding-inline-start:18px}.pg-documentation li{font-size:var(--text-sm);margin-bottom:9px}.pg-documentation a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.pg-device[data-transparency=reduced] .pg-demo-keyboard{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ccd1d9}.pg-device[data-transparency=reduced] .pg-modal-scrim{background:#566174!important}.pg-device[data-motion=reduced] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.pg-workspace *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1700px){.pg-work-grid{grid-template-columns:260px minmax(0,1fr) 290px}.pg-canvas{height:720px}}@media (width<=1180px){.pg-work-grid{grid-template-columns:205px minmax(0,1fr)}.pg-config-panel{border-inline-start:0;border-top:1px solid var(--pg-line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-height:none;display:grid}.pg-config-panel>h2{grid-column:1/-1;margin:0}.pg-config-panel>section{border:0;border-inline-end:1px solid var(--pg-line);padding:10px 16px}.pg-canvas{height:600px}.pg-page-intro{align-items:start}.pg-page-intro>p{max-width:350px}.pg-workbar-actions button{font-size:var(--text-xs)}}@media (width<=760px){.pg-page{padding:14px 14px 40px}.pg-page-intro{padding-top:4px;display:block}.pg-page-intro>p{max-width:100%;margin-top:14px}.pg-workbar{gap:10px;padding:12px}.pg-workbar-actions{gap:5px;width:100%}.pg-workbar-actions>button{flex:1}.pg-workbar-actions button{padding-inline:7px}.pg-work-grid{flex-direction:column;display:flex}.pg-source-panel{border:0;border-bottom:1px solid var(--pg-line);width:100%;height:auto;padding:18px}.pg-source-panel .pg-sample-note{display:none}.pg-source-panel .pg-presets{grid-template-columns:repeat(3,1fr);display:grid}.pg-presets button{flex-direction:row;min-height:45px;padding:8px}.pg-source-panel .pg-divider{margin:16px 0}.pg-capability{margin-top:16px;padding-top:13px}.pg-capability>svg{display:none}.pg-source-panel>h2{margin-bottom:12px}.pg-stage-panel{width:100%}.pg-stage-top{padding:12px 14px}.pg-canvas{height:520px;padding:22px}.pg-config-panel{grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:20px 14px;display:grid}.pg-config-panel>section{padding:12px 10px}.pg-inspector{padding:20px 18px}.pg-inspector dl{column-gap:12px}.pg-rule-cards{grid-template-columns:1fr}.pg-rule-cards article{border-inline-end:0;border-bottom:1px solid var(--pg-line);padding:20px}.pg-documentation{margin-top:32px;display:block}.pg-documentation section{margin-bottom:28px}.pg-canvas-caption{padding-inline:14px}.pg-angle-control{padding-inline:18px}}@media (width<=420px){.pg-config-panel{grid-template-columns:1fr}.pg-config-panel>section{border-inline-end:0;border-bottom:1px solid var(--pg-line)}.pg-canvas{height:470px}.pg-workbar-actions .pg-zoom select{width:70px}.pg-view-switch{width:100%}.pg-view-switch button{flex:1}.pg-inspector dd{font-size:var(--text-xs)}}.pg-three-studio{background:#f4f6fa;min-width:0}.pg-three-toolbar{border-bottom:1px solid var(--pg-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pg-three-toolbar>div{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:9px;font-weight:600;display:flex}.pg-three-toolbar small{font-size:var(--text-xs);color:var(--pg-muted);font-weight:400}.pg-three-led{background:#4d7aeb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4d7aeb12}.pg-three-viewport{background:radial-gradient(at 50% 40%,#fff,#eff3f8 75%);height:580px;position:relative;overflow:hidden}.pg-three-host{position:absolute;inset:0}.pg-three-host canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.pg-three-host canvas:active{cursor:grabbing}.pg-three-host canvas:focus-visible{outline:3px solid var(--pg-blue);outline-offset:-4px}.pg-three-view-label{font-size:var(--text-xs);color:var(--pg-muted);pointer-events:none;position:absolute;top:18px;left:20px}.pg-three-orbit-hint{text-align:center;pointer-events:none;font-size:var(--text-xs);color:var(--pg-muted);line-height:1.5;position:absolute;bottom:16px;left:18px;right:18px}.pg-three-fallback,.pg-three-loading{text-align:center;min-height:260px;font-size:var(--text-base);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:35px;display:flex}.pg-three-fallback{background:#f1f4f9ed;position:absolute;inset:0}.pg-three-fallback>div{flex-wrap:wrap;gap:10px;display:flex}.pg-three-controls{border-top:1px solid var(--pg-line);background:#fff;padding:14px 20px}.pg-three-presets{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.pg-three-sliders{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pg-three-sliders .pg-range>span{font-size:var(--text-xs)}.pg-three-sliders output{font-variant-numeric:tabular-nums}.pg-three-source{border-top:1px solid var(--pg-line);background:#f8fafd;padding:16px 20px}.pg-three-source>div:first-child{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pg-three-source>div>span,.pg-three-source>small{font-size:var(--text-xs);color:var(--pg-muted)}.pg-three-source strong{font-size:var(--text-sm);font-weight:600}.pg-three-source p{font-size:var(--text-xs);color:var(--pg-muted);margin:8px 0 12px;line-height:1.65}.pg-capture-controls{border-top:1px solid var(--pg-line);margin-top:14px;padding-top:14px}.pg-capture-controls button{margin-inline-end:8px}@media (width<=800px){.pg-three-viewport{height:480px}.pg-three-sliders{grid-template-columns:1fr;gap:14px}.pg-three-sliders .pg-range>span{font-size:var(--text-sm)}}@media (width<=440px){.pg-three-viewport{height:400px}.pg-three-toolbar,.pg-three-controls,.pg-three-source{padding-inline:14px}}.pg-three-calibration{border-top:1px solid var(--pg-line);margin-top:16px;padding-top:14px}.pg-three-calibration small{font-size:var(--text-xs);color:var(--pg-muted);line-height:1.65;display:block}.pg-three-viewport{background:radial-gradient(at 48% 34%,#fff 0%,#f8f9fb 55%,#eef0f4 100%)}.pg-three-angle-readout{inset-inline-end:1rem;font-variant-numeric:tabular-nums;color:#505b6b;pointer-events:none;font-size:.875rem;position:absolute;top:1rem}.pg-three-motion-note{color:#647083;margin:.8rem 0;padding:0 1rem;font-size:.875rem;line-height:1.6}.pg-three-asset{border:1px solid var(--line,#dce1eb);background:var(--surface,#fff);border-radius:12px;margin-block:16px;padding:14px 16px;font-size:.875rem;line-height:1.5}.pg-three-asset p{margin:6px 0;font-size:.875rem}.pg-three-asset button{margin-block-start:8px}.pg-unified-title{color:#263a55;align-items:center;gap:10px;min-width:0;display:flex}.pg-unified-title>svg{color:var(--pg-blue);flex:none}.pg-unified-title>div{flex-direction:column;min-width:0;display:flex}.pg-unified-title strong{font-size:var(--text-sm);line-height:1.35}.pg-unified-title small{font-size:var(--text-xs);color:var(--pg-muted);font-weight:400;line-height:1.45}.pg-unified-canvas-wrap{min-width:0;position:relative}.pg-unified-canvas-wrap .pg-three-studio{position:relative}.pg-three-viewport{isolation:isolate}.pg-three-host{z-index:1}.pg-three-view-label,.pg-three-angle-readout,.pg-three-orbit-hint{z-index:8}.pg-three-fallback{z-index:12;pointer-events:none}.pg-three-fallback button{pointer-events:auto}.pg-unified-content-layer{--device-paper:#fff;--device-muted:#6f7b8b;--device-ink:#1a293b;--device-surface:#f3f5f8;--device-line:#e8ebf1;z-index:5;transform-origin:0 0;visibility:hidden;pointer-events:none;will-change:transform;background:#080b10;position:absolute;top:0;left:0}.pg-unified-content-layer[data-interaction=hidden]{visibility:hidden}.pg-unified-content-layer .pg-live-screen{left:var(--content-left,0px);top:var(--content-top,0px);width:var(--screen-width);height:var(--screen-height);box-shadow:none;background:var(--device-paper);border:0;border-radius:0;position:absolute}.pg-projection-status{font-size:var(--text-sm);color:var(--pg-muted);border-top:1px solid var(--pg-line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;line-height:1.5;display:flex}.pg-projection-status button{font-size:var(--text-sm);flex-shrink:0}.pg-unified-content-layer .pg-live-screen[data-theme=dark]{--device-paper:#19222e;--device-muted:#a2afc1;--device-ink:#e2e9f1;--device-surface:#212e3d;--device-line:#334151}.pg-unified-content-layer .pg-live-screen[data-transparency=reduced] .pg-demo-keyboard{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ccd1d9}.pg-unified-content-layer .pg-live-screen[data-transparency=reduced] .pg-modal-scrim{background:#566174!important}.pg-unified-content-layer .pg-live-screen[data-motion=reduced] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width<=760px){.pg-unified-title small{display:none}}@media (width<=440px){.pg-unified-title{width:100%}.pg-unified-title strong{font-size:var(--text-base)}}.pg-presentation{background:var(--paper,#fff);border-bottom:1px solid #dbe2eb;padding:14px 18px}.pg-presentation-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;font-size:.875rem;display:flex}.pg-presentation-heading span{color:#546273;font-size:.75rem}.pg-presentation-buttons{flex-wrap:wrap;gap:8px;display:flex}.pg-presentation-buttons button{color:#243a53;cursor:pointer;background:#fff;border:1px solid #cdd7e4;border-radius:8px;min-height:36px;padding:7px 12px;font-size:.875rem;line-height:1.3}.pg-presentation-buttons button:hover{background:#edf3fc}.pg-presentation-buttons button[aria-pressed=true]{color:#fff;background:#234fa1;border-color:#234fa1}.pg-presentation-buttons button:focus-visible{outline-offset:3px;outline:3px solid #3b76d6}.pg-presentation p{color:#546273;max-width:78ch;margin:10px 0 0;font-size:.75rem;line-height:1.55}@media (width<=600px){.pg-presentation{padding:12px}.pg-presentation-buttons button{flex:130px;min-height:40px}}.pg-hinge-control .pg-range{margin-bottom:0}.pg-hinge-range{accent-color:#2563eb;touch-action:pan-y;cursor:ew-resize;width:100%;min-height:44px;margin:0;display:block}.pg-hinge-range:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #2563eb}.pg-hinge-marks{color:var(--muted);direction:ltr;justify-content:space-between;font-size:.75rem;display:flex}.pg-hinge-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.pg-hinge-stops button{min-width:44px;min-height:40px;font-size:.875rem}.pg-hinge-exact{align-items:center;gap:6px;font-size:.875rem;display:flex}.pg-hinge-exact input{border:1px solid var(--line);width:6rem;min-height:40px;color:inherit;background:var(--white,#fff);border-radius:8px;padding:8px;font-size:1rem}.pg-hinge-exact input[aria-invalid=true]{border-color:#b45309}.pg-hinge-state{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;font-size:.75rem;display:flex}.pg-hinge-state [data-phase=dragging],.pg-hinge-state [data-phase=settling]{color:#1d4ed8}@media (width<=600px){.pg-hinge-exact{justify-content:flex-end;width:100%}.pg-hinge-stops button,.pg-hinge-exact input{min-height:44px}}.pg-three-studio>.pg-angle-control{padding-top:14px}.pg-designer-workspace{--pg-source-width:232px;--pg-properties-width:288px;--pg-shell-canvas:#1e1f22;--pg-shell-panel:#272a30;--pg-shell-raised:#34373d;--pg-shell-hover:#3d4149;--pg-shell-line:#3e424a;--pg-shell-ink:#f1f3f5;--pg-shell-muted:#b3bac6;--pg-shell-subtle:#8f98a6;--pg-shell-accent:#6f93ff;--pg-shell-accent-bg:#354360;--pg-shell-danger:#ffb4b4;--pg-shell-focus:#9cb4ff;isolation:isolate;border:1px solid var(--pg-shell-line);background:var(--pg-shell-canvas);height:clamp(580px,100dvh - 230px,900px);min-height:580px;color:var(--pg-shell-ink);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 14px 48px #0b0e1524;container-type:inline-size}.pg-designer-workspace[data-workspace-theme=light]{--pg-shell-canvas:#eceef2;--pg-shell-panel:#f7f8fa;--pg-shell-raised:#fff;--pg-shell-hover:#eef1f6;--pg-shell-line:#d6dae2;--pg-shell-ink:#242833;--pg-shell-muted:#5d6675;--pg-shell-subtle:#758091;--pg-shell-accent:#335cf0;--pg-shell-accent-bg:#e7ecff;--pg-shell-danger:#a52323;--pg-shell-focus:#335cf0;box-shadow:0 14px 48px #20305614}:is(.pg-designer-workspace[data-expanded=true],.pg-designer-workspace:fullscreen){z-index:1000;width:100%;height:100dvh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;position:fixed;inset:0}.pg-designer-workspace::backdrop{background:var(--pg-shell-canvas)}.pg-designer-workspace [hidden]{display:none!important}.pg-designer-workspace :where(.pg-source-panel,.pg-config-panel,.pg-stage-toolbar,.pg-bottom-dock,.pg-hinge-popover-card,.pg-scene-menu>div) button,.pg-designer-workspace :where(.pg-source-panel,.pg-config-panel,.pg-stage-toolbar,.pg-bottom-dock,.pg-hinge-popover-card,.pg-scene-menu>div) summary{color:var(--pg-shell-ink);border-color:var(--pg-shell-line);background:var(--pg-shell-raised)}.pg-designer-workspace :where(.pg-source-panel,.pg-config-panel) input:not([type=checkbox]):not([type=range]):not([type=file]),.pg-designer-workspace :where(.pg-source-panel,.pg-config-panel,.pg-stage-toolbar) select{color:var(--pg-shell-ink);background:var(--pg-shell-raised);border-color:var(--pg-shell-line)}.pg-designer-workspace[data-workspace-theme=dark] :where(.pg-source-panel,.pg-config-panel,.pg-stage-toolbar){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.pg-designer-workspace :where(button,summary,input,select,textarea):focus-visible{outline:2px solid var(--pg-shell-focus);outline-offset:2px}.pg-work-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:var(--pg-source-width) minmax(0,1fr) var(--pg-properties-width);flex:1;align-items:stretch;height:100%;min-height:0;display:grid;position:relative}.pg-designer-workspace[data-source-open=false] .pg-work-grid{grid-template-columns:0 minmax(0,1fr) var(--pg-properties-width)}.pg-designer-workspace[data-properties-open=false] .pg-work-grid{grid-template-columns:var(--pg-source-width) minmax(0,1fr) 0}.pg-designer-workspace[data-source-open=false][data-properties-open=false] .pg-work-grid{grid-template-columns:0 minmax(0,1fr) 0}.pg-source-panel,.pg-config-panel{background:var(--pg-shell-panel);min-width:0;height:100%;min-height:0;max-height:none;color:var(--pg-shell-ink);z-index:12;gap:0;padding:0;overflow:hidden}.pg-source-panel{border-inline-end:1px solid var(--pg-shell-line);flex-direction:column;grid-column:1;display:flex}.pg-config-panel{border-top:0;border-inline-start:1px solid var(--pg-shell-line);flex-direction:column;grid-column:3;display:flex}.pg-side-header{border-bottom:1px solid var(--pg-shell-line);justify-content:space-between;align-items:center;gap:8px;height:52px;min-height:52px;padding:8px 10px 8px 16px;display:flex}.pg-side-header h2{color:var(--pg-shell-ink);margin:0;font-size:.875rem;line-height:1.2}.pg-panel-close{flex:none;width:32px;height:32px;background:0 0!important;border:0!important;border-radius:7px!important;min-height:32px!important;padding:0!important}.pg-panel-close:hover{background:var(--pg-shell-hover)!important}.pg-panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:18px 12px;overflow:auto}.pg-panel-intro,.pg-tab-hint{color:var(--pg-shell-muted);margin:0 0 12px;font-size:.75rem;line-height:1.45}.pg-source-panel .pg-field{flex-direction:column;align-items:stretch;gap:5px;margin:0 0 11px;display:flex}.pg-source-panel .pg-field>span{color:var(--pg-shell-muted);font-size:.8125rem}.pg-source-panel :where(select,input:not([type=checkbox]):not([type=file])){border-radius:7px!important;min-height:32px!important;padding:5px 7px!important;font-size:.8125rem!important}.pg-source-form{flex-direction:column;gap:2px;margin-top:12px;display:flex}.pg-source-form .pg-primary,.pg-image-upload .pg-file-label{border-radius:7px;min-height:34px;font-size:.8125rem}.pg-source-panel .pg-help,.pg-source-panel .pg-capability p,.pg-source-panel .pg-sample-note p{color:var(--pg-shell-muted);font-size:.75rem;line-height:1.45}.pg-source-panel .pg-sample-note{background:0 0;border:0;margin:4px 0 20px;padding:0 10px;display:block}.pg-source-panel .pg-embed-status,.pg-source-panel .pg-capability{border:0;border-top:1px solid var(--pg-shell-line);background:0 0;margin:12px 0;padding:12px 0}.pg-source-panel .pg-example-label{text-transform:uppercase;letter-spacing:.06em;color:var(--pg-shell-subtle);margin-bottom:6px;font-size:.75rem;display:inline-block}.pg-source-panel .pg-sample-note strong{font-size:.8125rem;display:block}.pg-source-panel .pg-text-button{color:var(--pg-shell-accent);font-size:.75rem}.pg-source-panel details>summary,.pg-config-panel details>summary{color:var(--pg-shell-muted);cursor:pointer;font-size:.75rem;list-style-position:inside}.pg-source-panel .pg-source-integration,.pg-source-panel .pg-content-help{margin:16px 0}.pg-source-panel details>summary{padding:6px 0;background:0 0!important}.pg-source-heading{color:var(--pg-shell-muted);margin:0 8px 10px;font-size:.75rem}.pg-source-choices{flex-direction:column;gap:4px;margin-bottom:18px;display:flex}.pg-source-choices button{text-align:left;border:0;border-radius:7px;justify-content:flex-start;gap:12px;width:100%;min-height:42px;padding:10px;font-size:.8125rem;background:0 0!important}.pg-source-choices button:hover{background:var(--pg-shell-hover)!important}.pg-source-choices button[aria-pressed=true]{background:var(--pg-shell-accent-bg)!important}.pg-source-choices button>span{flex:1}.pg-source-choices button>svg:last-child:not(:first-child){width:14px;height:14px;color:var(--pg-shell-accent)}.pg-source-choices small{color:var(--pg-shell-muted);margin-top:2px;font-size:.75rem;display:block}.pg-source-choices button:last-child{margin-top:12px}.pg-source-form{border-top:1px solid var(--pg-shell-line);padding-top:16px}.pg-source-panel .pg-primary{background:var(--pg-blue)!important;color:#fff!important}.pg-image-upload .pg-file-label{cursor:pointer;border:1px dashed var(--pg-shell-muted);background:var(--pg-shell-raised);min-height:110px;color:var(--pg-shell-ink);justify-content:center;align-items:center;gap:8px;padding:18px 10px;display:flex;position:relative}.pg-source-panel .pg-small-actions{gap:5px;margin-bottom:8px;display:flex}.pg-source-panel .pg-small-actions button{min-height:30px;padding:4px 7px}.pg-image-upload .pg-file-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pg-image-upload .pg-file-label:focus-within{outline:2px solid var(--pg-shell-focus);outline-offset:2px}.pg-stage-panel{background:var(--pg-shell-canvas);flex-direction:column;grid-column:2;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.pg-stage-toolbar{border-bottom:1px solid var(--pg-shell-line);background:color-mix(in srgb,var(--pg-shell-panel) 94%,transparent);z-index:25;align-items:center;gap:8px;height:52px;min-height:52px;padding:7px 12px 7px 16px;display:flex}.pg-stage-identity{flex-direction:column;flex:1;gap:1px;min-width:92px;max-width:180px;display:flex;overflow:hidden}.pg-stage-identity>span{white-space:nowrap;align-items:center;gap:7px;font-size:.875rem;font-weight:600;display:flex}.pg-stage-identity small{color:var(--pg-shell-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.pg-stage-toolbar-groups{justify-content:flex-end;align-items:center;gap:6px;min-width:0;margin-inline-start:auto;display:flex}.pg-toolbar-group,.pg-canvas-tools{border:0;border-inline-start:1px solid var(--pg-shell-line);box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:2px;padding:0 7px;display:flex}.pg-tool-host .pg-canvas-tools{border:0;padding-left:0}.pg-tool-host{min-width:0;display:flex}.pg-tool-host .pg-canvas-tools{z-index:auto;position:static;inset:auto}.pg-canvas-tools{z-index:18;position:absolute;top:10px;left:10px}.pg-toolbar-group button,.pg-canvas-tools button,.pg-scene-menu>summary{white-space:nowrap;min-width:32px;height:32px;font-size:.75rem;line-height:1;background:0 0!important;border:0!important;border-radius:6px!important;min-height:32px!important;padding:5px 7px!important}.pg-toolbar-group button:hover,.pg-canvas-tools button:hover,.pg-scene-menu>summary:hover{background:var(--pg-shell-hover)!important}.pg-toolbar-group button[aria-pressed=true],.pg-canvas-tools button[aria-pressed=true]{color:var(--pg-shell-ink);box-shadow:inset 0 -2px 0 var(--pg-shell-accent);background:var(--pg-shell-accent-bg)!important}.pg-toolbar-group button span,.pg-canvas-tools button span{font-size:.8125rem;display:none}.pg-workspace-tools,.pg-scene-menu{position:relative}.pg-scene-menu>summary{cursor:pointer;justify-content:center;align-items:center;list-style:none;display:flex}.pg-scene-menu>summary::-webkit-details-marker{display:none}.pg-scene-menu>div{z-index:60;border:1px solid var(--pg-shell-line);background:var(--pg-shell-raised);border-radius:9px;flex-direction:column;gap:3px;width:180px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0006}.pg-scene-menu>div button{justify-content:flex-start;width:100%;min-height:34px;padding:6px 8px!important}.pg-zoom select{width:70px;height:32px;border-radius:6px!important;min-height:32px!important;padding:4px 6px!important;font-size:.75rem!important}.pg-toolbar-group .pg-fullscreen-button span{display:inline}.pg-toolbar-group .pg-fullscreen-button{margin-left:4px}.pg-workspace-notice{z-index:31;border:1px solid var(--pg-shell-line);border-radius:8px;width:min(520px,100% - 28px);position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0004;background:var(--pg-shell-raised)!important;color:var(--pg-shell-ink)!important;padding:8px 10px!important;font-size:.75rem!important}.pg-workspace-notice.is-error{border-color:#a84b4b;color:var(--pg-shell-danger)!important}.pg-workspace-notice button{color:inherit!important;background:0 0!important;border:0!important;min-height:26px!important;padding:2px!important}.pg-designer-workspace .pg-unified-canvas-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pg-designer-workspace .pg-three-studio{background:var(--pg-shell-canvas);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pg-designer-workspace .pg-three-viewport{background:radial-gradient(ellipse at 50% 44%,color-mix(in srgb,var(--pg-shell-canvas) 76%,#59606b 24%) 0%,var(--pg-shell-canvas) 74%);flex:1;height:auto;min-height:170px;position:relative}.pg-designer-workspace[data-workspace-theme=light] .pg-three-viewport{background:radial-gradient(ellipse at 50% 44%,#f8f9fb 0%,var(--pg-shell-canvas) 76%)}.pg-three-viewport[data-tool=pan] .pg-unified-content-layer,.pg-three-viewport[data-tool=orbit] .pg-unified-content-layer{pointer-events:none!important}.pg-designer-workspace .pg-three-viewport[data-tool=interact] .pg-three-host canvas{cursor:default}.pg-designer-workspace .pg-three-viewport[data-tool=pan] .pg-three-host canvas{cursor:grab}.pg-designer-workspace .pg-three-viewport[data-tool=orbit] .pg-three-host canvas{cursor:crosshair}.pg-designer-workspace .pg-three-viewport .pg-three-host canvas:active{cursor:grabbing}.pg-designer-workspace .pg-three-angle-readout{color:var(--pg-shell-muted);background:color-mix(in srgb,var(--pg-shell-raised) 82%,transparent);border-radius:6px;padding:4px 7px;font-size:.75rem;top:12px;right:12px}.pg-designer-workspace .pg-three-orbit-hint{z-index:8;max-width:min(540px,100% - 28px);color:var(--pg-shell-subtle);pointer-events:none;text-align:center;background:0 0;margin:0;padding:0;font-size:.75rem;position:absolute;bottom:78px;left:50%;right:auto;transform:translate(-50%)}.pg-designer-workspace .pg-three-fallback{background:var(--pg-shell-canvas);color:var(--pg-shell-ink);font-size:.875rem}.pg-designer-workspace .pg-canvas-caption{display:none}.pg-designer-workspace .pg-projection-status{z-index:20;border:1px solid var(--pg-shell-line);background:var(--pg-shell-raised);width:max-content;max-width:min(560px,100% - 28px);min-height:0;color:var(--pg-shell-muted);border-radius:7px;padding:6px 8px;font-size:.75rem;position:absolute;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0003}.pg-designer-workspace .pg-projection-status:is([data-projection=surface],[data-projection=texture]){display:none}.pg-three-studio:has(.pg-projection-status:not([data-projection=surface])) .pg-three-orbit-hint{visibility:hidden}.pg-designer-workspace .pg-projection-status button{margin-left:6px;font-size:.75rem;min-height:28px!important;padding:4px 7px!important}.pg-bottom-dock{z-index:24;max-width:calc(100% - 28px);color:var(--pg-shell-ink);align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.pg-posture-shortcuts,.pg-bottom-dock .pg-angle-control{border:1px solid var(--pg-shell-line);background:var(--pg-shell-raised);border-radius:12px;min-height:46px;padding:5px 6px;box-shadow:0 5px 16px #0003}.pg-posture-shortcuts{align-items:center;gap:2px;display:flex}.pg-posture-shortcuts button{white-space:nowrap;min-width:40px;height:34px;font-size:.75rem;background:0 0!important;border:0!important;border-radius:7px!important;min-height:34px!important;padding:4px 7px!important}.pg-posture-shortcuts button:hover{background:var(--pg-shell-hover)!important}.pg-posture-shortcuts button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--pg-shell-accent);background:var(--pg-shell-accent-bg)!important}.pg-posture-shortcuts button span{font-size:.8125rem}.pg-bottom-dock .pg-angle-control{align-items:center;min-width:190px;padding:5px 10px;display:flex}.pg-angle-unavailable{color:var(--pg-shell-muted);white-space:nowrap;padding:0 6px;font-size:.75rem}.pg-hinge-control.is-compact{align-items:center;gap:8px;width:100%;display:flex;position:relative}.pg-hinge-control.is-compact .pg-hinge-label{display:none}.pg-hinge-control.is-compact .pg-hinge-range{width:130px;min-width:80px;height:28px;min-height:28px;accent-color:var(--pg-shell-accent);margin:0}.pg-hinge-popover{flex:none;position:relative}.pg-hinge-popover>summary{cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;min-width:54px;height:32px;min-height:32px;padding:5px 8px;font-size:.75rem;list-style:none;display:flex}.pg-hinge-popover>summary::-webkit-details-marker{display:none}.pg-hinge-popover[open]>summary{background:var(--pg-shell-accent-bg);box-shadow:inset 0 -2px 0 var(--pg-shell-accent)}.pg-hinge-popover-card{z-index:70;border:1px solid var(--pg-shell-line);background:var(--pg-shell-raised);width:min(350px,100vw - 24px);color:var(--pg-shell-ink);border-radius:10px;padding:12px;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 14px 32px #0007}.pg-hinge-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.pg-hinge-stops{flex-wrap:wrap;gap:4px;display:flex}.pg-hinge-stops button{font-size:.75rem;min-height:30px!important;padding:4px 7px!important}.pg-hinge-exact{color:var(--pg-shell-muted);white-space:nowrap;align-items:center;gap:5px;font-size:.75rem;display:flex}.pg-hinge-exact input{height:30px;width:68px!important;min-height:30px!important;color:var(--pg-shell-ink)!important;background:var(--pg-shell-panel)!important;border-color:var(--pg-shell-line)!important;border-radius:6px!important;padding:3px 6px!important;font-size:.75rem!important}.pg-hinge-state{border-top:1px solid var(--pg-shell-line);color:var(--pg-shell-muted);justify-content:space-between;gap:12px;margin-top:9px;padding-top:8px;font-size:.75rem;display:flex}.pg-hinge-help-copy{color:var(--pg-shell-muted);margin:8px 0 0;font-size:.75rem;line-height:1.45}.pg-hinge-popover-card .pg-warning{color:var(--pg-shell-danger);margin:8px 0 0}.pg-inspector-tabs{border-bottom:1px solid var(--pg-shell-line);background:var(--pg-shell-panel);grid-template-columns:repeat(3,minmax(0,1fr)) 28px;align-items:center;gap:2px;height:52px;min-height:52px;padding:0 10px;display:grid}.pg-inspector-tabs>button[role=tab]{height:52px;min-height:52px;color:var(--pg-shell-muted);border:0;border-radius:0;padding:5px 2px;font-size:.8125rem;background:0 0!important}.pg-inspector-tabs>button[role=tab]:hover{background:var(--pg-shell-hover)}.pg-inspector-tabs>button[role=tab][aria-selected=true]{color:var(--pg-shell-ink);box-shadow:inset 0 -2px 0 var(--pg-shell-accent);background:0 0}.pg-properties-scroll{padding:0 16px 20px}.pg-properties-scroll [role=tabpanel]{padding-top:18px}.pg-config-panel section{border-color:var(--pg-shell-line);padding-block:12px}.pg-config-panel details{margin-top:0}.pg-config-panel h3{margin-bottom:10px}.pg-config-panel .pg-property-section{border-bottom:1px solid var(--pg-shell-line);margin:0 0 4px;padding:0 0 16px}.pg-property-section h3{color:var(--pg-shell-ink);margin:0 0 10px;font-size:.8125rem}.pg-config-panel .pg-field{grid-template-columns:minmax(84px,1fr) minmax(108px,1.2fr);align-items:center;gap:8px;min-height:40px;margin:0;display:grid}.pg-config-panel .pg-field>span,.pg-config-panel .pg-toggle>span,.pg-property-row>span{color:var(--pg-shell-muted);font-size:.8125rem}.pg-config-panel .pg-field select,.pg-config-panel .pg-field input:not([type=range]){height:30px;border-radius:6px!important;min-height:30px!important;padding:4px 6px!important;font-size:.75rem!important}.pg-config-panel .pg-toggle{justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin:0;display:flex}.pg-config-panel .pg-toggle i{flex:none}.pg-config-panel .pg-range{margin:7px 0}.pg-config-panel .pg-range>span{color:var(--pg-shell-muted);font-size:.75rem}.pg-config-panel .pg-range input{accent-color:var(--pg-shell-accent)}.pg-property-row{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.pg-property-row button{font-size:.75rem;min-height:30px!important;padding:4px 7px!important}.pg-property-group{border-bottom:1px solid var(--pg-shell-line);margin:0;padding:0}.pg-property-group[open]{padding-bottom:14px}.pg-config-panel .pg-property-group>summary{justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:10px 0;font-weight:500;list-style:none;display:flex;color:var(--pg-shell-ink)!important;background:0 0!important;font-size:.8125rem!important}.pg-property-group>summary::-webkit-details-marker{display:none}.pg-property-group>summary:after{content:"";border-right:1.5px solid var(--pg-shell-muted);border-bottom:1.5px solid var(--pg-shell-muted);width:6px;height:6px;margin-right:3px;transition:transform .14s;transform:rotate(-45deg)}.pg-property-group[open]>summary:after{transform:rotate(45deg)}.pg-property-group>section,.pg-property-group>.pg-presets{padding:4px 0 2px}.pg-config-panel .pg-help,.pg-config-panel .pg-property-group p,.pg-config-panel .pg-presentation p,.pg-config-panel .pg-three-motion-note,.pg-config-panel .pg-capture-controls p{color:var(--pg-shell-muted);font-size:.75rem;line-height:1.45}.pg-dimension-inputs{grid-template-columns:1fr 1fr;gap:7px;margin-top:0;display:grid}.pg-dimension-inputs .pg-field{flex-direction:column;align-items:stretch;gap:4px;display:flex}.pg-segmented{border:1px solid var(--pg-shell-line);background:var(--pg-shell-raised);border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.pg-segmented button{font-size:.75rem;background:0 0!important;border:0!important;min-height:30px!important;padding:4px 8px!important}.pg-segmented button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--pg-shell-accent);background:var(--pg-shell-accent-bg)!important}.pg-renderer-inspector{min-height:0}.pg-designer-workspace .pg-presentation{background:0 0;border:0;padding:4px 0 10px}.pg-designer-workspace .pg-presentation-heading span{display:none}.pg-designer-workspace .pg-presentation-buttons{grid-template-columns:1fr 1fr;gap:4px;display:grid}.pg-designer-workspace .pg-presentation-buttons button{min-height:30px;padding:5px;font-size:.75rem}.pg-designer-workspace .pg-three-controls{border:0;padding:0}.pg-designer-workspace .pg-three-presets{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.pg-designer-workspace .pg-three-presets button{min-height:29px;padding:4px 6px;font-size:.75rem}.pg-designer-workspace .pg-three-sliders{grid-template-columns:1fr;gap:0}.pg-designer-workspace .pg-inspector-reset{min-height:30px;margin-bottom:10px;font-size:.75rem}.pg-designer-workspace .pg-three-source{background:0 0;border:0;padding:0 0 10px}.pg-designer-workspace .pg-three-source>div:first-child{display:block}.pg-designer-workspace .pg-three-source strong{font-size:.75rem;display:block}.pg-designer-workspace .pg-three-motion-note{margin:0 0 10px;padding:0}.pg-designer-workspace .pg-three-asset{background:var(--pg-shell-raised);border:1px solid var(--pg-shell-line);margin:10px 0;padding:8px;font-size:.75rem}.pg-designer-workspace .pg-three-calibration{padding-top:9px}.pg-designer-workspace .pg-capture-controls{border-top:0;border-bottom:1px solid var(--pg-shell-line);margin:0 0 10px;padding:0 0 10px}.pg-designer-workspace .pg-capture-controls button{width:100%;font-size:.75rem}.pg-designer-workspace .pg-inspector{background:0 0;border:0;padding:0}.pg-designer-workspace .pg-inspector h2{display:none}.pg-designer-workspace .pg-inspector dl{display:block}.pg-designer-workspace .pg-inspector dl>div{justify-content:space-between;gap:8px;margin:6px 0;font-size:.75rem;display:flex}.pg-designer-workspace .pg-inspector dt{color:var(--pg-shell-muted)}.pg-designer-workspace .pg-inspector dd{color:var(--pg-shell-ink);text-align:right;font-size:.75rem}.pg-designer-workspace .pg-presets{flex-wrap:wrap;gap:5px;display:flex}.pg-designer-workspace .pg-presets button{min-height:30px;padding:4px 7px;font-size:.75rem}.pg-drawer-scrim{display:none}@media (width>=1600px){.pg-designer-workspace{--pg-source-width:240px;--pg-properties-width:288px}}@media (width<=1279px) and (width>=960px){.pg-designer-workspace{--pg-source-width:220px;--pg-properties-width:264px}.pg-stage-identity{min-width:90px;max-width:120px}.pg-toolbar-group button span,.pg-canvas-tools button span,.pg-fullscreen-button span{display:none}}@media (width<=959px){.pg-designer-workspace{height:clamp(560px,100dvh - 150px,820px);min-height:560px}.pg-designer-workspace .pg-work-grid,.pg-designer-workspace[data-source-open=false] .pg-work-grid,.pg-designer-workspace[data-properties-open=false] .pg-work-grid,.pg-designer-workspace[data-source-open=false][data-properties-open=false] .pg-work-grid{grid-template-columns:minmax(0,1fr)}.pg-designer-workspace .pg-stage-panel{grid-area:1/1}.pg-designer-workspace .pg-source-panel,.pg-designer-workspace .pg-config-panel{z-index:42;width:min(300px,88vw);position:absolute;top:0;bottom:0;box-shadow:0 12px 30px #0008}.pg-designer-workspace .pg-source-panel{left:0}.pg-designer-workspace .pg-config-panel{right:0}.pg-drawer-scrim{z-index:38;display:block;position:absolute;inset:0;background:#0007!important;border:0!important;border-radius:0!important;min-height:0!important;padding:0!important}.pg-stage-identity{min-width:76px;max-width:100px}.pg-stage-identity small,.pg-toolbar-group button span,.pg-canvas-tools button span,.pg-fullscreen-button span{display:none}.pg-stage-toolbar{padding-inline:8px}.pg-stage-toolbar-groups{gap:4px}.pg-toolbar-group,.pg-canvas-tools{gap:1px;padding:2px}.pg-toolbar-group button,.pg-canvas-tools button,.pg-scene-menu>summary{width:31px;min-width:31px;padding:4px!important}.pg-zoom select{width:60px}}@media (width<=599px){.pg-page-intro{padding-bottom:14px;display:block}.pg-page-intro>p{margin-top:8px}.pg-designer-workspace{border-radius:9px;height:min(720px,100dvh - 80px);min-height:520px}.pg-stage-toolbar{align-items:flex-start;gap:4px;height:auto;min-height:46px;padding:5px 6px}.pg-stage-identity{display:none}.pg-stage-toolbar-groups{flex-wrap:wrap;justify-content:center;gap:3px;width:100%}.pg-toolbar-group,.pg-canvas-tools{box-shadow:none}.pg-zoom select{width:56px}.pg-workspace-tools{margin-left:auto}.pg-designer-workspace .pg-three-orbit-hint{display:none}.pg-bottom-dock{border-radius:9px;gap:5px;width:calc(100% - 14px);max-width:none;padding:4px 5px;bottom:8px}.pg-posture-shortcuts{gap:1px}.pg-posture-shortcuts button{width:32px;min-width:32px;padding:4px!important}.pg-posture-shortcuts button span{display:none}.pg-dock-separator{margin:0 1px}.pg-bottom-dock .pg-angle-control{flex:1;min-width:0;padding:0}.pg-hinge-control.is-compact{gap:5px}.pg-hinge-control.is-compact .pg-hinge-range{flex:1;width:auto;min-width:58px}.pg-hinge-popover>summary{min-width:46px;padding:4px 5px}.pg-hinge-popover-card{width:min(300px,100vw - 16px);padding:10px;right:-1px}.pg-hinge-actions{flex-direction:column;align-items:stretch}.pg-hinge-exact,.pg-hinge-stops{justify-content:space-between}.pg-designer-workspace .pg-projection-status{bottom:64px}.pg-designer-workspace .pg-three-angle-readout{top:8px;right:8px}}@media (width<=340px){.pg-toolbar-group button,.pg-canvas-tools button,.pg-scene-menu>summary{width:29px;min-width:29px;height:30px;min-height:30px!important}.pg-zoom select{width:52px;height:30px;min-height:30px!important}.pg-posture-shortcuts button{width:29px;min-width:29px}.pg-hinge-popover>summary{min-width:42px}}@container (width<=1120px){.pg-stage-identity small,.pg-toolbar-group .pg-fullscreen-button span{display:none}.pg-stage-identity{min-width:82px}.pg-stage-toolbar{padding-inline:10px}.pg-stage-toolbar-groups{gap:2px}.pg-toolbar-group,.pg-canvas-tools{padding-inline:4px}.pg-posture-shortcuts button span{display:none}.pg-posture-shortcuts button{width:36px;min-width:36px}.pg-bottom-dock .pg-angle-control{min-width:168px}.pg-hinge-control.is-compact .pg-hinge-range{width:108px}}@media (width<=959px){.pg-designer-workspace .pg-work-grid{display:grid}.pg-designer-workspace .pg-source-panel,.pg-designer-workspace .pg-config-panel{gap:0;height:100%;padding:0}.pg-designer-workspace .pg-config-panel{border-top:0}.pg-toolbar-group .pg-fullscreen-button span{display:none}}@media (width<=599px){.pg-stage-toolbar-groups{row-gap:6px}.pg-bottom-dock{gap:6px;width:auto;max-width:calc(100% - 12px);padding:0;bottom:12px}.pg-posture-shortcuts,.pg-bottom-dock .pg-angle-control{min-height:42px;padding:4px}.pg-posture-shortcuts button{width:30px;min-width:30px}.pg-bottom-dock .pg-angle-control{min-width:118px;max-width:144px}.pg-hinge-control.is-compact .pg-hinge-range{width:60px;min-width:50px}.pg-inspector-tabs .pg-panel-close{width:28px}}.pg-page{max-width:var(--site-width);padding-inline:var(--site-gutter)}.pg-page-intro{padding-block:26px 28px}.pg-page-intro h1{letter-spacing:-.045em;font-size:clamp(1.875rem,3.2vw,3.125rem);font-weight:560}.pg-page-intro .eyebrow{margin-bottom:12px}.pg-page-intro>p{line-height:1.7}.pg-designer-workspace{--pg-shell-canvas:#1b252b;--pg-shell-panel:#243037;--pg-shell-raised:#303f46;--pg-shell-hover:#3c4d55;--pg-shell-line:#46565f;--pg-shell-ink:#f0f4f0;--pg-shell-muted:#b7c7c8;--pg-shell-subtle:#a6b6bd;--pg-shell-accent:#a0b8ff;--pg-shell-accent-bg:#344663;--pg-shell-focus:#b1c6ff;border-radius:6px;box-shadow:0 12px 36px #18293117}.pg-designer-workspace[data-workspace-theme=light]{--pg-shell-canvas:#e6e9e4;--pg-shell-panel:#f4f5ef;--pg-shell-raised:#fffefb;--pg-shell-hover:#e8ece2;--pg-shell-line:#cbd3c8;--pg-shell-ink:#25342a;--pg-shell-muted:#526557;--pg-shell-subtle:#5f7366;--pg-shell-accent:#244ed8;--pg-shell-accent-bg:#e5eafa;--pg-shell-focus:#244ed8}:is(.pg-designer-workspace[data-expanded=true],.pg-designer-workspace:fullscreen){box-shadow:none;border-radius:0}.pg-documentation{gap:38px 64px;max-width:1200px;margin-top:56px}.pg-documentation>section{border-top:1px solid var(--line);padding-top:22px}.pg-documentation section h2{color:var(--ink);font-size:1.25rem;font-weight:580;line-height:1.45}@media (width<=760px){.pg-page-intro{padding-block:22px}.pg-page-intro>p{font-size:var(--text-base)}.pg-documentation{margin-top:36px;display:block}.pg-documentation section{margin-bottom:30px}}.pg-designer-workspace{--pg-control-size:36px;--pg-control-radius:10px;--pg-control-gap:4px;--pg-soft-highlight:#ffffff14;--pg-float-shadow:0 6px 18px #00000020;--pg-selection-line:color-mix(in srgb, var(--pg-shell-accent) 45%, var(--pg-shell-line));--pg-glass-panel:color-mix(in srgb, var(--pg-shell-panel) 92%, transparent)}.pg-designer-workspace[data-workspace-theme=light]{--pg-soft-highlight:#ffffffb3;--pg-float-shadow:0 5px 16px #2232290f}.pg-designer-workspace .pg-stage-toolbar{gap:12px;height:auto;min-height:58px;padding:9px 12px}.pg-designer-workspace .pg-stage-toolbar-groups{gap:10px}.pg-designer-workspace :is(.pg-toolbar-group,.pg-canvas-tools){gap:var(--pg-control-gap);border:1px solid var(--pg-shell-line);background:color-mix(in srgb, var(--pg-shell-raised) 45%, transparent);box-shadow:inset 0 1px 0 var(--pg-soft-highlight);border-radius:14px;padding:3px}.pg-designer-workspace .pg-tool-host .pg-canvas-tools{border:1px solid var(--pg-shell-line);padding:3px}.pg-designer-workspace .pg-workspace-tools{box-shadow:none;background:0 0;border-color:#0000}.pg-designer-workspace :is(.pg-toolbar-group button,.pg-canvas-tools button,.pg-scene-menu>summary){width:auto;min-width:var(--pg-control-size);height:var(--pg-control-size);isolation:isolate;position:relative;min-height:var(--pg-control-size)!important;border-radius:var(--pg-control-radius)!important;padding:7px!important}.pg-designer-workspace :is(.pg-toolbar-group button,.pg-canvas-tools button,.pg-posture-shortcuts button,.pg-segmented button)[aria-pressed=true]{color:var(--pg-shell-ink);box-shadow:inset 0 0 0 1px var(--pg-selection-line), inset 0 1px 0 var(--pg-soft-highlight);background:var(--pg-shell-accent-bg)!important}.pg-designer-workspace :is(.pg-canvas-tools button,.pg-posture-shortcuts button)[aria-pressed=true] svg{color:var(--pg-shell-accent)}.pg-designer-workspace .pg-zoom select{background:0 0;border-color:#0000;width:64px;height:36px;min-height:36px!important}.pg-designer-workspace .pg-fullscreen-button{margin-inline-start:2px}.pg-designer-workspace .pg-source-choices{gap:6px}.pg-designer-workspace .pg-source-choices button{min-height:46px;box-shadow:none;border:1px solid #0000;border-radius:10px;gap:10px;padding:10px 12px;position:relative}.pg-designer-workspace .pg-source-choices button[aria-pressed=true]{border-color:var(--pg-selection-line);box-shadow:inset 3px 0 0 var(--pg-shell-accent);font-weight:600;background:var(--pg-shell-accent-bg)!important}.pg-designer-workspace .pg-source-choices button[aria-pressed=true]>svg:first-child{color:var(--pg-shell-accent)}.pg-designer-workspace .pg-source-choices button[aria-pressed=true] small{font-weight:400}.pg-designer-workspace .pg-inspector-tabs{grid-template-columns:repeat(3,minmax(0,1fr)) 28px;align-items:center;gap:4px;height:58px;min-height:58px;padding:8px}.pg-designer-workspace .pg-inspector-tabs>button[role=tab]{height:36px;min-height:36px;box-shadow:none;border:1px solid #0000;border-radius:9px;padding:5px 2px;font-size:.75rem}.pg-designer-workspace .pg-inspector-tabs>button[role=tab]:hover{background:var(--pg-shell-hover)!important}.pg-designer-workspace .pg-inspector-tabs>button[role=tab][aria-selected=true]{border-color:var(--pg-selection-line);color:var(--pg-shell-ink);box-shadow:inset 0 1px 0 var(--pg-soft-highlight);font-weight:650;background:var(--pg-shell-accent-bg)!important}.pg-designer-workspace .pg-inspector-tabs .pg-panel-close{width:28px}.pg-designer-workspace .pg-property-row button{min-height:34px!important}.pg-designer-workspace .pg-segmented{border-radius:12px;gap:4px;padding:4px}.pg-designer-workspace .pg-segmented button{border-radius:8px;min-height:34px!important}.pg-designer-workspace .pg-posture-shortcuts{border-radius:15px;gap:4px;padding:5px}.pg-designer-workspace .pg-posture-shortcuts button{height:36px;border-radius:10px!important;min-height:36px!important}.pg-designer-workspace .pg-bottom-dock .pg-angle-control{border-radius:15px}.pg-designer-workspace :is(.pg-posture-shortcuts,.pg-bottom-dock .pg-angle-control){background:var(--pg-glass-panel);box-shadow:var(--pg-float-shadow),inset 0 1px 0 var(--pg-soft-highlight);-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%)}.pg-designer-workspace .pg-scene-menu>div{background:var(--pg-glass-panel);border-color:var(--pg-shell-line);width:216px;max-width:calc(100vw - 40px);box-shadow:0 18px 48px #00000030,inset 0 1px 0 var(--pg-soft-highlight);-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);border-radius:16px;padding:7px}.pg-designer-workspace .pg-menu-heading{color:var(--pg-shell-muted);margin:0;padding:6px 10px 8px;font-size:.75rem}.pg-designer-workspace .pg-scene-menu>div button{text-align:start;white-space:normal;justify-content:flex-start;gap:10px;width:100%;height:auto;font-size:.8125rem;line-height:1.4;min-height:42px!important;padding:10px!important}.pg-designer-workspace .pg-scene-menu>div button span{display:inline}.pg-designer-workspace .pg-scene-menu[open]>summary{color:var(--pg-shell-accent);background:var(--pg-shell-accent-bg)!important}.pg-designer-workspace .pg-menu-separator{background:var(--pg-shell-line);height:1px;margin:5px 9px}.pg-unified-content-layer .pg-live-screen{--chrome-glass:#f9fbffcc;--chrome-edge:#ffffffd9;--chrome-bottom-edge:#25395225;--chrome-shadow:#12213a18;--chrome-highlight:#ffffffcf;--chrome-selected:#dce8ffd9;--chrome-accent:#2456c4;--chrome-ink:#152332;--chrome-muted:#526174;--chrome-solid:#f0f3f8}.pg-unified-content-layer .pg-live-screen[data-theme=dark]{--chrome-glass:#2c3a4dcf;--chrome-edge:#ffffff30;--chrome-bottom-edge:#00000050;--chrome-shadow:#00000045;--chrome-highlight:#ffffff26;--chrome-selected:#3a5277e6;--chrome-accent:#adcaff;--chrome-ink:#f2f6fc;--chrome-muted:#c0cbdb;--chrome-solid:#2b394a}.pg-live-screen .pg-system-status{height:24px;color:var(--chrome-ink);gap:8px;top:3px}.pg-live-screen .pg-status-icons{align-items:center;gap:5px;height:18px;display:flex}.pg-live-screen .pg-status-icons>span{align-items:center;display:inline-flex}.pg-live-screen .pg-status-icons .pg-chrome-symbol{width:16px;height:16px}.pg-live-screen .pg-cellular{gap:2px;height:11px;align-items:flex-end!important}.pg-cellular i{background:currentColor;border-radius:1px;width:2.5px;height:4px}.pg-cellular i:nth-child(2){height:6px}.pg-cellular i:nth-child(3){height:8px}.pg-cellular i:nth-child(4){height:11px}.pg-live-screen .pg-battery{border-radius:3px;width:20px;height:10px;margin-inline-end:3px}.pg-live-screen .pg-battery:after{border-radius:1px;inset:1.5px}.pg-live-screen .pg-battery:before{content:"";opacity:.65;background:currentColor;border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:2px;right:-3px}.pg-live-screen .pg-app-window[data-bars=vertical] .pg-system-status{gap:2px;height:38px;top:46px}.pg-live-screen .pg-app-window[data-bars=vertical] .pg-system-status b{width:100%}.pg-live-screen :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){background:linear-gradient(160deg,var(--chrome-highlight),transparent 44%),var(--chrome-glass);border:1px solid var(--chrome-edge);border-bottom-color:var(--chrome-bottom-edge);box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px 0 var(--chrome-highlight);-webkit-backdrop-filter:blur(18px)saturate(155%);backdrop-filter:blur(18px)saturate(155%)}.pg-live-screen .pg-app-toolbar{background:0 0;gap:8px;height:54px;padding:0;inset-inline:8px}.pg-live-screen .pg-toolbar-actions{border-radius:24px;align-items:center;gap:4px;padding:4px;display:flex}.pg-live-screen .pg-app-toolbar>.pg-chrome-button{border-radius:50%;margin-inline-end:auto}.pg-workspace .pg-live-screen .pg-chrome-button{width:36px;height:36px;min-height:36px;color:var(--chrome-ink);border-radius:50%;padding:0}.pg-live-screen .pg-chrome-button svg{width:21px;height:21px}.pg-workspace .pg-live-screen .pg-chrome-button.chosen{background:var(--chrome-selected);color:var(--chrome-accent);box-shadow:inset 0 0 0 1px var(--chrome-highlight)}.pg-live-screen .pg-app-window[data-bars=vertical] .pg-app-toolbar{width:var(--pg-rail-width);gap:10px;padding-top:0;inset-inline:auto 0}.pg-live-screen .pg-app-window[data-bars=vertical][data-side=left] .pg-app-toolbar{inset-inline:0 auto}.pg-live-screen .pg-app-window[data-bars=vertical] .pg-app-toolbar>.pg-chrome-button{margin:0}.pg-live-screen .pg-app-window[data-bars=vertical] .pg-toolbar-actions{flex-direction:column;gap:4px}.pg-live-screen .pg-app-tabs{border-radius:25px;gap:3px;width:224px;max-width:calc(100% - 24px);height:48px;padding:3px;left:50%;right:auto;transform:translate(-50%)}.pg-workspace .pg-live-screen .pg-app-tabs button{min-width:0;height:40px;min-height:40px;color:var(--chrome-muted);border-radius:21px;flex:1;gap:6px;padding:5px 10px;font-size:.75rem}.pg-workspace .pg-live-screen .pg-app-tabs button[aria-pressed=true]{background:var(--chrome-selected);color:var(--chrome-accent);box-shadow:inset 0 1px 0 var(--chrome-highlight);font-weight:650}.pg-live-screen .pg-app-tabs svg{width:19px;height:19px}.pg-live-screen .pg-app-window[data-bars=vertical] .pg-app-tabs{width:60px;max-width:none;height:94px;left:auto;right:calc((var(--pg-rail-width) - 60px) / 2);border-radius:27px;gap:2px;padding:3px;transform:none}.pg-live-screen .pg-app-window[data-bars=vertical][data-side=left] .pg-app-tabs{left:calc((var(--pg-rail-width) - 60px) / 2);right:auto}.pg-workspace .pg-live-screen .pg-app-window[data-bars=vertical] .pg-app-tabs button{flex:none;gap:1px;width:52px;height:42px;min-height:42px;padding:3px 2px;line-height:1.1}.pg-workspace .pg-live-screen .pg-app-window[data-bars=horizontal][data-chrome-compact=true] .pg-app-tabs button{flex-direction:column;gap:0;padding:2px;line-height:1.1}.pg-live-screen .pg-home-indicator{background:var(--chrome-ink);opacity:.85;box-shadow:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pg-designer-workspace :is(.pg-canvas-tools button,.pg-view-tools button,.pg-workspace-tools>button,.pg-posture-shortcuts button){transition:background .15s,box-shadow .15s,transform .15s;overflow:hidden}.pg-designer-workspace :is(.pg-canvas-tools button,.pg-view-tools button,.pg-workspace-tools>button,.pg-posture-shortcuts button):before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 10%,var(--pg-soft-highlight) 50%,transparent 85%);opacity:0;transition:transform .22s ease-out,opacity .18s;position:absolute;inset:0;transform:translate(-65%)}.pg-designer-workspace :is(.pg-canvas-tools button,.pg-view-tools button,.pg-workspace-tools>button,.pg-posture-shortcuts button):is(:hover,:focus-visible):before{opacity:1;transform:translate(15%)}.pg-designer-workspace :is(.pg-canvas-tools button,.pg-view-tools button,.pg-workspace-tools>button,.pg-posture-shortcuts button):active:not(:disabled){transform:scale(.96)}.pg-designer-workspace .pg-scene-menu[open]>.pg-scene-popover{transform-origin:100% 0;animation:.15s ease-out pg-menu-arrive}.pg-workspace .pg-live-screen :is(.pg-chrome-button,.pg-app-tabs button){transition:background .15s,box-shadow .15s,transform .15s}.pg-workspace .pg-live-screen :is(.pg-chrome-button,.pg-app-tabs button):active:not(:disabled){transform:scale(.96)}}@keyframes pg-menu-arrive{0%{opacity:0;transform:translateY(-3px)scale(.98)}to{opacity:1;transform:none}}.pg-designer-workspace[data-motion=reduced] :is(.pg-stage-toolbar,.pg-source-panel,.pg-config-panel,.pg-bottom-dock) *,.pg-designer-workspace[data-motion=reduced] :is(.pg-stage-toolbar,.pg-bottom-dock) :before{transition:none!important;animation:none!important}.pg-designer-workspace[data-motion=reduced] :is(.pg-stage-toolbar,.pg-bottom-dock) button:active{transform:none}.pg-designer-workspace[data-motion=reduced] :is(.pg-stage-toolbar,.pg-bottom-dock) button:before{display:none}.pg-live-screen[data-motion=reduced] :is(.pg-chrome-button,.pg-app-tabs button):active{transform:none!important}@media (prefers-reduced-motion:reduce){.pg-designer-workspace :is(.pg-stage-toolbar,.pg-source-panel,.pg-config-panel,.pg-bottom-dock,.pg-live-screen) *,.pg-designer-workspace :is(.pg-stage-toolbar,.pg-bottom-dock) :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pg-designer-workspace[data-transparency=reduced] :is(.pg-posture-shortcuts,.pg-bottom-dock .pg-angle-control,.pg-scene-menu>div){background:var(--pg-shell-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.pg-live-screen[data-transparency=reduced] :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){background:var(--chrome-solid);-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-transparency:reduce){.pg-designer-workspace :is(.pg-posture-shortcuts,.pg-bottom-dock .pg-angle-control,.pg-scene-menu>div){background:var(--pg-shell-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.pg-live-screen :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){background:var(--chrome-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pg-designer-workspace :is(.pg-posture-shortcuts,.pg-bottom-dock .pg-angle-control,.pg-scene-menu>div){background:var(--pg-shell-panel)}.pg-live-screen :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){background:var(--chrome-solid)}}@media (forced-colors:active){.pg-designer-workspace :is(button,summary,.pg-toolbar-actions,.pg-app-tabs,.pg-scene-menu>div){-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important;border:1px solid buttontext!important}.pg-designer-workspace :is(button[aria-pressed=true],button[aria-selected=true],.pg-chrome-button.chosen){outline-offset:-3px;outline:2px solid highlight}}@container (width<=1120px){.pg-designer-workspace .pg-stage-toolbar-groups{gap:6px}.pg-designer-workspace .pg-stage-identity{min-width:74px}}@media (width<=959px){.pg-designer-workspace .pg-stage-toolbar-groups{flex-wrap:wrap}.pg-designer-workspace .pg-stage-toolbar{align-items:center}}@media (width<=599px){.pg-designer-workspace{--pg-control-size:36px;--pg-control-gap:3px}.pg-designer-workspace .pg-stage-toolbar{padding:6px}.pg-designer-workspace .pg-stage-toolbar-groups{justify-content:center;gap:6px}.pg-designer-workspace :is(.pg-toolbar-group,.pg-canvas-tools){padding:2px}.pg-designer-workspace .pg-zoom select{width:56px}.pg-designer-workspace .pg-posture-shortcuts{gap:2px;padding:4px}.pg-designer-workspace .pg-posture-shortcuts button{width:32px;min-width:32px;height:36px}.pg-designer-workspace .pg-bottom-dock{gap:5px}.pg-designer-workspace .pg-scene-menu>div{right:0}}.pg-live-screen .pg-device-chrome{z-index:7;pointer-events:none;color:var(--chrome-ink);position:absolute;inset:0}.pg-live-screen .pg-duo-status,.pg-live-screen .pg-duo-tools,.pg-live-screen .pg-duo-tabs,.pg-live-screen .pg-duo-title,.pg-live-screen .pg-duo-activity{margin:0;position:absolute}.pg-live-screen .pg-duo-status b{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:1rem;font-weight:700;line-height:1.1875rem;display:block;position:absolute}.pg-live-screen .pg-device-chrome[data-axis=vertical] .pg-duo-status b{text-align:center}.pg-live-screen .pg-duo-status svg{display:block;position:absolute}.pg-live-screen .pg-device-chrome .pg-duo-button{min-width:0;box-shadow:none;color:var(--chrome-ink);pointer-events:auto;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;background:0 0!important;border:0!important;border-radius:24px!important;min-height:0!important;padding:0!important}.pg-live-screen .pg-duo-button svg{flex:none;width:24px;height:24px;position:relative}.pg-live-screen .pg-duo-button:disabled{opacity:.4}.pg-live-screen .pg-device-chrome .pg-duo-glass{box-shadow:0 2px 6px var(--chrome-shadow),inset 0 0 0 1px var(--chrome-edge),inset 0 1px 0 var(--chrome-highlight);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:0;border-radius:24px;background:var(--chrome-glass)!important}.pg-live-screen .pg-device-chrome .pg-duo-button.chosen{color:var(--chrome-accent);background:var(--chrome-selected)!important}.pg-live-screen .pg-device-chrome .pg-duo-tab[aria-pressed=true]{color:var(--chrome-accent)}.pg-live-screen .pg-duo-tab[aria-pressed=true]:before{content:"";background:var(--chrome-selected);border-radius:24px;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-live-screen .pg-duo-tab svg{position:absolute;top:5px;left:50%;transform:translate(-50%)}.pg-live-screen .pg-device-chrome[data-axis=vertical] .pg-duo-tab svg{top:12px}.pg-live-screen .pg-duo-tab span{text-align:center;width:100%;font-size:.75rem;font-weight:600;line-height:.875rem;position:absolute;bottom:6px;left:0}.pg-live-screen .pg-duo-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:600;line-height:1.375rem;overflow:hidden}.pg-live-screen .pg-duo-activity{color:#bdf789;background:#101824;border-radius:24px;justify-content:center;align-items:center;gap:8px;font-size:.75rem;display:flex}.pg-live-screen .pg-device-chrome[data-axis=vertical] .pg-duo-activity{flex-direction:column}.pg-live-screen .pg-duo-menu{pointer-events:auto;z-index:50}.pg-live-screen .pg-duo-menu>button{height:40px;min-height:40px;padding:6px 10px;line-height:1.25rem}.pg-live-screen[data-transparency=reduced] .pg-device-chrome .pg-duo-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--chrome-solid)!important}@media (prefers-reduced-transparency:reduce){.pg-live-screen .pg-device-chrome .pg-duo-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--chrome-solid)!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pg-live-screen .pg-device-chrome .pg-duo-glass{background:var(--chrome-solid)!important}}@media (forced-colors:active){.pg-live-screen .pg-device-chrome .pg-duo-glass{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas!important;border:1px solid buttontext!important}.pg-live-screen .pg-duo-tab[aria-pressed=true]:before{border:1px solid highlight}}.pg-canvas-workspace{--pg-shell-canvas:#242127;--pg-shell-panel:#2c2931;--pg-shell-raised:#39353f;--pg-shell-hover:#48434f;--pg-shell-line:#ffffff1f;--pg-shell-ink:#f3f0f6;--pg-shell-muted:#c2bdc9;--pg-shell-subtle:#a6a0b0;--pg-shell-accent:#d0aaff;--pg-shell-accent-bg:#55425e;--pg-shell-focus:#cda5f3;--pg-selection-line:#cea7ef70;--pg-rail-glass:#39363edb;--pg-rail-shadow:0 5px 18px #00000024;--pg-glass-rim:#ffffff16;--pg-source-width:0px;--pg-properties-width:0px;border-radius:14px;height:max(860px,100dvh - 112px);min-height:760px;max-height:1280px;box-shadow:0 12px 40px #12101814}.pg-canvas-workspace[data-workspace-theme=light]{--pg-shell-canvas:#fff;--pg-shell-panel:#f7f7f9;--pg-shell-raised:#fff;--pg-shell-hover:#e7e3ec;--pg-shell-line:#30223920;--pg-shell-ink:#2b2531;--pg-shell-muted:#60586a;--pg-shell-subtle:#696174;--pg-shell-accent:#754993;--pg-shell-accent-bg:#e7dced;--pg-shell-focus:#8254a3;--pg-selection-line:#8c5ba650;--pg-rail-glass:#ffffffd9;--pg-glass-rim:#ffffffea;--pg-rail-shadow:0 4px 16px #34273c12}.pg-canvas-workspace[data-expanded=true]{z-index:1000;width:100%;height:100dvh;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;position:fixed;inset:0}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-work-grid{grid-template-columns:minmax(0,1fr)!important}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-stage-panel{grid-area:1/1}.pg-canvas-workspace .pg-three-viewport,.pg-canvas-workspace[data-workspace-theme=light] .pg-three-viewport{background:var(--pg-shell-canvas)}.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{background:var(--pg-shell-canvas);border-bottom:1px solid #ffffff05;grid-template-columns:minmax(104px,1fr) minmax(240px,640px) minmax(238px,1fr);align-items:center;gap:20px;height:62px;min-height:62px;padding:10px 18px;display:grid}.pg-canvas-brand{letter-spacing:-.015em;color:var(--pg-shell-muted);align-items:center;gap:9px;font-size:.8125rem;font-weight:560;display:flex}.pg-canvas-brand>svg{opacity:.8;width:18px;height:18px}.pg-canvas-top-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.pg-canvas-zoom-group{border:1px solid var(--pg-shell-line);background:var(--pg-rail-glass);box-shadow:inset 0 1px 0 var(--pg-glass-rim);border-radius:12px;align-items:center;gap:2px;margin-right:4px;padding:3px;display:flex}.pg-canvas-workspace .pg-canvas-zoom-group>button{width:30px;min-width:30px;height:30px;color:var(--pg-shell-muted);background:0 0!important;border:0!important;border-radius:8px!important;min-height:30px!important;padding:5px!important}.pg-canvas-workspace .pg-canvas-zoom-group>button:hover:not(:disabled){color:var(--pg-shell-ink);background:var(--pg-shell-hover)!important}.pg-canvas-workspace .pg-canvas-zoom-group>button:disabled{opacity:.35}.pg-canvas-workspace .pg-canvas-zoom-group>button[aria-pressed=true]{color:var(--pg-shell-accent);background:var(--pg-shell-accent-bg)!important}.pg-canvas-workspace .pg-one-to-one span{letter-spacing:-.04em;font-size:.6875rem;font-weight:650}.pg-canvas-workspace :is(.pg-canvas-top-actions>button,.pg-canvas-top-actions .pg-scene-menu>summary){width:34px;min-width:34px;height:34px;color:var(--pg-shell-muted);box-shadow:none;background:0 0!important;border:1px solid #0000!important;border-radius:10px!important;min-height:34px!important;padding:7px!important}.pg-canvas-workspace :is(.pg-canvas-top-actions>button,.pg-canvas-top-actions .pg-scene-menu>summary):hover{color:var(--pg-shell-ink);background:var(--pg-shell-hover)!important}.pg-canvas-workspace .pg-canvas-top-actions .pg-scene-menu[open]>summary{color:var(--pg-shell-ink);background:var(--pg-shell-raised)!important}.pg-canvas-workspace .pg-scene-popover{border-radius:16px;width:240px;max-width:calc(100vw - 28px);padding:6px}.pg-canvas-workspace .pg-scene-popover>button{border-radius:10px;gap:10px;min-height:42px}.pg-canvas-workspace .pg-design-address{border:1px solid var(--pg-shell-line);background:var(--pg-rail-glass);min-width:0;height:40px;box-shadow:inset 0 1px 0 var(--pg-glass-rim);border-radius:12px;align-items:center;gap:4px;padding:3px 4px 3px 12px;transition:border-color .16s,box-shadow .16s;display:flex}.pg-canvas-workspace .pg-design-address:focus-within{border-color:var(--pg-shell-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--pg-shell-focus) 15%,transparent),inset 0 1px 0 var(--pg-glass-rim)}.pg-address-source{color:var(--pg-shell-muted);flex:none;display:flex}.pg-address-source svg{width:16px;height:16px}.pg-canvas-workspace .pg-stage-toolbar .pg-design-address input[type=url]{width:0;min-width:0;height:30px;min-height:30px;color:var(--pg-shell-ink);box-shadow:none;background:0 0;border:0;border-radius:6px;flex:1;padding:3px 7px;font-size:.8125rem;line-height:1.4}.pg-canvas-workspace .pg-stage-toolbar .pg-design-address input[type=url]:focus{outline:none}.pg-canvas-workspace .pg-design-address:has([aria-invalid=true]){border-color:var(--pg-shell-danger)}.pg-canvas-workspace .pg-design-address>button{width:30px;min-width:30px;height:30px;min-height:30px;color:var(--pg-shell-muted);background:0 0;border:0;border-radius:8px;flex:none;padding:5px}.pg-canvas-workspace .pg-design-address>button:hover:not(:disabled){background:var(--pg-shell-hover);color:var(--pg-shell-ink)}.pg-canvas-workspace .pg-design-address .pg-address-go:not(:disabled){color:var(--pg-shell-ink);background:#ffffff0b}.pg-canvas-workspace .pg-design-address>button:disabled{opacity:.35;cursor:default}.pg-canvas-device-label{z-index:22;border:1px solid var(--pg-shell-line);background:var(--pg-rail-glass);color:var(--pg-shell-muted);pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;line-height:1.2;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%)}.pg-canvas-device-label svg{width:12px;height:12px}.pg-canvas-rail{z-index:26;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.pg-canvas-workspace .pg-rail-group{border:1px solid var(--pg-shell-line);background:var(--pg-rail-glass);box-shadow:var(--pg-rail-shadow),inset 0 1px 0 var(--pg-glass-rim);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);border-radius:22px;flex-direction:column;gap:4px;margin:0;padding:4px;display:flex}.pg-canvas-workspace .pg-rail-group>button{isolation:isolate;width:34px;min-width:34px;height:34px;color:var(--pg-shell-muted);box-shadow:none;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:flex;position:relative;overflow:visible;background:0 0!important;border:1px solid #0000!important;border-radius:50%!important;min-height:34px!important;padding:7px!important}.pg-canvas-workspace .pg-rail-group>button:hover{color:var(--pg-shell-ink);background:var(--pg-shell-hover)!important}.pg-canvas-workspace .pg-rail-group>button[aria-pressed=true]{color:var(--pg-shell-accent);box-shadow:inset 0 0 0 1px var(--pg-selection-line),inset 0 1px 0 var(--pg-glass-rim);background:var(--pg-shell-accent-bg)!important}.pg-canvas-workspace .pg-rail-group>button[aria-pressed=true] svg{color:inherit}.pg-canvas-workspace .pg-rail-group>button:before{display:none}.pg-canvas-workspace .pg-rail-group>button:after{content:attr(data-tooltip);background:var(--pg-shell-panel);border:1px solid var(--pg-shell-line);box-shadow:var(--pg-rail-shadow);color:var(--pg-shell-ink);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border-radius:8px;padding:7px 10px;font-size:.75rem;position:absolute;top:50%;right:calc(100% + 14px);transform:translateY(-50%)}.pg-canvas-workspace .pg-rail-group>button:focus-visible:after{opacity:1;visibility:visible}@media (hover:hover) and (pointer:fine){.pg-canvas-workspace .pg-rail-group>button:hover:after{opacity:1;visibility:visible}.pg-canvas-workspace :is(.pg-rail-group>button,.pg-canvas-top-actions>button):active{transform:scale(.95)}}.pg-canvas-workspace .pg-three-viewport[data-tool=orbit] .pg-three-host canvas{cursor:grab}.pg-canvas-workspace .pg-three-viewport[data-tool=orbit] .pg-three-host canvas:active{cursor:grabbing}.pg-canvas-workspace .pg-three-angle-readout,.pg-canvas-workspace .pg-three-orbit-hint{display:none}.pg-canvas-workspace .pg-projection-status{max-width:calc(100% - 140px);box-shadow:none;background:var(--pg-rail-glass);bottom:16px;left:50%}.pg-canvas-workspace .pg-projection-status[data-projection=folded]:not(:has(button)){display:none}.pg-canvas-workspace .pg-workspace-notice{z-index:34;top:68px}.pg-canvas-statusbar{border-top:1px solid var(--pg-shell-line);min-height:28px;color:var(--pg-shell-subtle);background:var(--pg-shell-canvas);flex:none;align-items:center;gap:12px;padding:5px 18px;font-size:.75rem;line-height:1.4;display:flex}.pg-canvas-statusbar>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:45%;overflow:hidden}.pg-canvas-gesture-hint{margin-inline-start:auto}.pg-canvas-scale{font-variant-numeric:tabular-nums;white-space:nowrap}.pg-canvas-narrow-hint{display:none}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-source-panel,.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{z-index:46;border:1px solid var(--pg-shell-line);background:var(--pg-shell-panel);border-radius:16px;flex-direction:column;grid-column:1;width:min(308px,100% - 24px);display:flex;position:absolute;top:70px;bottom:38px;box-shadow:0 14px 40px #0004}.pg-canvas-workspace .pg-source-panel{left:12px}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{right:12px}.pg-canvas-workspace .pg-drawer-scrim{z-index:40;border:0;border-radius:0;display:block;position:absolute;inset:62px 0 28px;background:#00000032!important}.pg-canvas-workspace .pg-advanced-hinge{padding:8px 0 14px}.pg-canvas-workspace .pg-advanced-hinge .pg-hinge-actions{flex-wrap:wrap}.pg-canvas-workspace .pg-live-screen{--chrome-glass:#f7f9fcc9;--chrome-edge:#ffffffeb;--chrome-bottom-edge:#32435926;--chrome-shadow:#101d351c;--chrome-highlight:#ffffffd9;--chrome-selected:#e0e8f5;--chrome-accent:#295bab;--chrome-solid:#f0f3f8}.pg-canvas-workspace .pg-live-screen[data-theme=dark]{--chrome-glass:#303842cf;--chrome-edge:#ffffff36;--chrome-bottom-edge:#0000004d;--chrome-shadow:#00000045;--chrome-highlight:#ffffff26;--chrome-selected:#435b78;--chrome-accent:#bcd6ff;--chrome-solid:#2b343f}.pg-canvas-workspace .pg-live-screen :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px 0 var(--chrome-highlight),inset 0 -1px 0 var(--chrome-bottom-edge);background-image:linear-gradient(150deg,#ffffff16,#0000 42%,#ffffff07)}.pg-canvas-workspace .pg-live-screen .pg-system-status{font-variant-numeric:tabular-nums}.pg-canvas-workspace[data-motion=reduced] *,.pg-canvas-workspace[data-motion=reduced] :after{transition:none!important;animation:none!important}.pg-canvas-workspace[data-motion=reduced] :is(.pg-rail-group>button,.pg-canvas-top-actions>button):active{transform:none}.pg-canvas-workspace[data-transparency=reduced] :is(.pg-rail-group,.pg-design-address,.pg-scene-popover,.pg-canvas-zoom-group){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--pg-shell-panel)}.pg-canvas-workspace .pg-live-screen[data-transparency=reduced] :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){background:var(--chrome-solid);-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:reduce){.pg-canvas-workspace *,.pg-canvas-workspace :after{transition:none!important;animation:none!important}.pg-canvas-workspace :is(.pg-rail-group>button,.pg-canvas-top-actions>button):active{transform:none}}@media (prefers-reduced-transparency:reduce){.pg-canvas-workspace :is(.pg-rail-group,.pg-design-address,.pg-scene-popover,.pg-canvas-zoom-group){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--pg-shell-panel)}.pg-canvas-workspace .pg-live-screen :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){background:var(--chrome-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pg-canvas-workspace :is(.pg-rail-group,.pg-design-address,.pg-scene-popover,.pg-canvas-zoom-group){background:var(--pg-shell-panel)}.pg-canvas-workspace .pg-live-screen :is(.pg-toolbar-actions,.pg-app-toolbar>.pg-chrome-button,.pg-app-tabs,.pg-overflow-menu){background:var(--chrome-solid)}}@media (forced-colors:active){.pg-canvas-workspace :is(.pg-rail-group,.pg-design-address,.pg-scene-popover,.pg-canvas-zoom-group){box-shadow:none;background:canvas;border:1px solid canvastext}.pg-canvas-workspace .pg-rail-group>button[aria-pressed=true]{outline-offset:-3px;outline:2px solid highlight}}@media (width<=1100px){.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-columns:28px minmax(0,1fr) 224px;gap:12px}.pg-canvas-brand>span{display:none}}@media (width<=959px){.pg-canvas-workspace .pg-canvas-gesture-hint{display:none}.pg-canvas-narrow-hint{margin-inline-start:auto;display:inline}.pg-canvas-workspace .pg-canvas-statusbar>span:first-child{display:none}}@media (width<=599px){.pg-canvas-workspace{height:max(700px,100dvh - 96px);min-height:640px}.pg-canvas-workspace[data-expanded=true]{height:100dvh;min-height:0}.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-columns:minmax(0,1fr) 104px;gap:6px;height:56px;min-height:56px;padding:8px}.pg-canvas-brand{display:none}.pg-canvas-workspace .pg-design-address{gap:1px;padding-inline-start:7px}.pg-canvas-workspace .pg-address-source{display:none}.pg-canvas-workspace .pg-stage-toolbar .pg-design-address input[type=url]{padding-inline:3px;font-size:.8125rem}.pg-canvas-device-label{top:70px}.pg-canvas-rail{gap:10px;right:10px}.pg-canvas-statusbar{gap:6px;padding-inline:8px}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-source-panel,.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{top:64px}.pg-canvas-workspace .pg-drawer-scrim{top:56px}.pg-canvas-workspace .pg-projection-status{max-width:calc(100% - 84px);bottom:10px;left:8px;transform:none}}@media (pointer:coarse){.pg-canvas-workspace .pg-rail-group>button{width:44px;min-width:44px;height:44px;min-height:44px!important}.pg-canvas-workspace .pg-design-address{height:48px}.pg-canvas-workspace .pg-design-address>button{width:44px;min-width:44px;height:44px;min-height:44px}.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-columns:1fr;gap:4px;height:auto;min-height:112px;padding:8px}.pg-canvas-workspace .pg-canvas-brand{display:none}.pg-canvas-workspace .pg-canvas-top-actions{justify-content:flex-end;gap:6px}.pg-canvas-workspace :is(.pg-canvas-top-actions>button,.pg-canvas-top-actions .pg-scene-menu>summary,.pg-canvas-zoom-group>button){width:44px;min-width:44px;height:44px;min-height:44px!important}.pg-canvas-zoom-group{gap:4px;padding:3px}.pg-canvas-device-label{top:130px}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-source-panel,.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{top:120px}.pg-canvas-workspace .pg-drawer-scrim{top:112px}.pg-canvas-workspace .pg-workspace-notice{top:120px}}.pg-canvas-workspace[data-source-kind=demo] .pg-projection-status,.pg-canvas-workspace .pg-projection-status:is([data-projection=back],[data-projection=edge]){display:none}.pg-canvas-workspace{--pg-shell-accent:#69aaff;--pg-shell-accent-bg:#ffffff0d;--pg-shell-focus:#78adf3;--pg-selection-line:#ffffff12}.pg-canvas-workspace[data-workspace-theme=light]{--pg-shell-accent:#0879ed;--pg-shell-accent-bg:#0879ed0a;--pg-shell-focus:#0879ed;--pg-shell-hover:#262b3310;--pg-selection-line:#0879ed20}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-stage-panel{min-width:0;container-type:inline-size}.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-columns:minmax(0,1fr) minmax(140px,460px) minmax(0,1fr);gap:14px;padding-inline:16px}.pg-canvas-workspace .pg-canvas-brand{gap:10px;min-width:0}.pg-canvas-workspace .pg-canvas-brand>span{gap:3px;min-width:0;display:grid}.pg-canvas-brand strong{color:var(--pg-shell-ink);font-size:.875rem;font-weight:650}.pg-canvas-brand small{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:400;overflow:hidden}.pg-canvas-workspace .pg-canvas-top-actions{flex-wrap:nowrap;justify-self:end;gap:4px}.pg-canvas-workspace .pg-canvas-zoom-group{border-radius:22px;gap:1px;margin-right:5px;padding:3px}.pg-canvas-workspace .pg-canvas-zoom-group>button{width:30px;min-width:30px;border-radius:50%!important}.pg-canvas-workspace .pg-canvas-top-actions>button[aria-expanded=true]{color:var(--pg-shell-accent);background:var(--pg-shell-hover)!important}.pg-canvas-workspace .pg-canvas-top-actions svg{stroke-width:1.65px;width:20px;height:20px}.pg-canvas-workspace .pg-canvas-rail{flex-direction:row;gap:8px;inset:auto auto 20px 50%;transform:translate(-50%)}.pg-canvas-workspace .pg-rail-group{border-radius:23px;flex-direction:row;gap:1px;padding:4px}.pg-canvas-workspace .pg-rail-group>button{width:34px;min-width:34px;height:34px;min-height:34px!important;padding:7px!important}.pg-canvas-workspace .pg-rail-group>button[aria-pressed=true]{box-shadow:none;color:var(--pg-shell-accent);background:0 0!important}.pg-canvas-workspace .pg-rail-group>button:after{inset:auto auto calc(100% + 12px) 50%;transform:translate(-50%)}.pg-canvas-workspace .pg-rail-group>button svg{stroke-width:1.65px;width:20px;height:20px}.pg-canvas-workspace .pg-canvas-scale{margin-left:auto}.pg-canvas-workspace .pg-projection-status{bottom:78px}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel[hidden]{display:none!important}.pg-reference-insets dl{grid-template-columns:1fr 1fr;gap:12px 18px;margin:0;display:grid}.pg-reference-insets dl>div{justify-content:space-between;gap:8px;display:flex}.pg-reference-insets dt{color:var(--pg-shell-muted);font-size:.875rem}.pg-reference-insets dd{font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.pg-reference-insets dd span{color:var(--pg-shell-muted);font-size:.75rem}.pg-display-calibration .pg-calibration-measure{place-items:center;min-height:64px;padding-block:16px;display:grid}.pg-calibration-ruler{width:var(--ruler-width);border-bottom:1px solid var(--pg-shell-ink);height:28px;color:var(--pg-shell-ink);font-size:.75rem;position:relative}.pg-calibration-ruler span{white-space:nowrap;height:100%;position:absolute;top:0;left:0;transform:translate(-50%)}.pg-calibration-ruler span:nth-child(2){left:50%}.pg-calibration-ruler span:last-child{left:100%}.pg-calibration-ruler span:after{content:"";border-left:1px solid var(--pg-shell-ink);height:7px;position:absolute;bottom:0;left:50%}.pg-calibration-actions{flex-wrap:wrap;gap:8px;display:flex}.pg-canvas-workspace .pg-calibration-actions button{border-radius:8px;min-height:34px;padding:7px 10px;font-size:.8125rem}.pg-calibration-actions button:first-child{color:var(--pg-shell-accent)}@media (width>=960px){.pg-canvas-workspace:not([data-expanded=true]){aspect-ratio:16/10;width:100%;height:auto;min-height:0;max-height:none}.pg-canvas-workspace:not(.pg-multi-workspace)[data-properties-open=true] .pg-work-grid{grid-template-columns:minmax(0,1fr) 288px!important}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{border:0;border-left:1px solid var(--pg-shell-line);width:auto;height:100%;min-height:0;box-shadow:none;border-radius:0;grid-area:1/2;position:relative;inset:auto;overflow:hidden}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel .pg-inspector-tabs{flex:none;min-height:62px}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel .pg-properties-scroll{min-height:0;overflow-y:auto}.pg-canvas-workspace .pg-drawer-scrim{display:none}}@container (width<=760px){.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-rows:36px 40px;grid-template-columns:minmax(90px,1fr) auto;gap:8px;height:auto;min-height:100px;padding:8px 12px}.pg-canvas-workspace .pg-canvas-brand{display:flex}.pg-canvas-workspace .pg-design-address{grid-area:2/1/auto/-1;height:38px}.pg-canvas-workspace .pg-canvas-top-actions{grid-area:1/2}}@media (width<=599px){.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-columns:1fr auto}.pg-canvas-workspace .pg-canvas-brand>svg,.pg-canvas-workspace .pg-canvas-brand small{display:none}.pg-canvas-workspace .pg-canvas-brand strong{font-size:.8125rem}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{top:112px;bottom:12px}.pg-canvas-workspace .pg-drawer-scrim{top:100px}.pg-canvas-workspace .pg-canvas-top-actions{gap:1px}.pg-canvas-workspace .pg-canvas-zoom-group{margin-right:0}.pg-canvas-workspace .pg-canvas-rail{bottom:14px}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{width:min(308px,100% - 24px)}}@media (pointer:coarse){.pg-canvas-workspace .pg-rail-group>button{width:44px;min-width:44px;height:44px;min-height:44px!important}.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-rows:44px 44px}.pg-canvas-workspace .pg-canvas-brand{display:none}.pg-canvas-workspace .pg-canvas-top-actions{grid-column:1/-1;justify-content:center}.pg-canvas-workspace .pg-canvas-zoom-group>button{width:44px;min-width:44px;height:44px;min-height:44px!important}}@container (width<=340px){.pg-canvas-workspace .pg-canvas-brand{display:none}.pg-canvas-workspace .pg-canvas-top-actions{grid-column:1/-1;justify-self:center}}@media (pointer:coarse) and (width<=359px){.pg-canvas-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-rows:auto 44px}.pg-canvas-workspace .pg-canvas-top-actions{flex-wrap:wrap}.pg-canvas-workspace:not(.pg-multi-workspace) .pg-config-panel{top:164px}.pg-canvas-workspace .pg-drawer-scrim{top:156px}}.pg-canvas-workspace .pg-projection-status[data-projection=transition]{display:none}.simulator-page{padding-top:20px}.simulator-intro{justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.simulator-identity{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.simulator-identity h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.2}.simulator-identity>span{color:var(--muted);font-size:.875rem}.simulator-intro p{color:var(--muted);margin:7px 0 0;font-size:1rem;line-height:1.5}.simulator-intro p strong{color:var(--ink);font-weight:500}.simulator-intro nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px 20px;font-size:.875rem;display:flex}.simulator-intro nav a{color:var(--muted);text-underline-offset:4px}.simulator-intro nav a:hover{color:var(--blue);text-decoration:underline}.simulator-scope{color:var(--muted);margin:14px 0 0;font-size:.875rem;line-height:1.5}.simulator-page .pg-documentation{scroll-margin-top:100px}.article-title .article-playground-cta{margin:24px 0}.article-playground-cta>.button{white-space:nowrap;flex:none}@media (width<=1100px){.simulator-intro{flex-direction:column;align-items:flex-start;gap:12px}.simulator-intro nav{justify-content:flex-start}}.pg-canvas-workspace .pg-hinge-edge{z-index:16;min-height:28px;color:var(--pg-shell-ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;border:0;border-radius:22px;margin:0;padding:0;display:block;position:absolute;box-shadow:none!important;background:0 0!important;transition:none!important}.pg-hinge-edge-pill{width:4px;height:min(60px,65%);box-shadow:0 0 0 1px color-mix(in srgb,var(--pg-shell-panel) 75%,transparent),0 2px 10px #0003;opacity:0;pointer-events:none;background:currentColor;border-radius:999px;transition:opacity .14s,width .14s;display:block;position:absolute;top:50%;left:calc(50% - 2px);transform:translateY(-50%)}.pg-hinge-edge:hover .pg-hinge-edge-pill,.pg-hinge-edge:focus-visible .pg-hinge-edge-pill,.pg-hinge-edge[data-dragging=true] .pg-hinge-edge-pill,.pg-hinge-edge[data-settling=true] .pg-hinge-edge-pill{opacity:.85}.pg-canvas-workspace .pg-hinge-edge[data-dragging=true]{cursor:grabbing}.pg-hinge-edge[data-dragging=true] .pg-hinge-edge-pill{background:var(--pg-shell-accent);opacity:1;width:5px}.pg-canvas-workspace .pg-hinge-edge:focus-visible{outline:2px solid var(--pg-shell-focus);outline-offset:1px}@media (hover:none) and (pointer:coarse){.pg-hinge-edge-pill{opacity:.55}}@media (prefers-reduced-motion:reduce){.pg-hinge-edge-pill{transition:none}}.pg-canvas-workspace[data-motion=reduced] .pg-hinge-edge-pill{transition:none}@media (forced-colors:active){.pg-hinge-edge-pill{forced-color-adjust:none;background:buttontext!important}.pg-hinge-edge:focus-visible{outline-color:highlight}}.pg-multi-workspace{--pg-device-list-width:228px;--pg-inspector-width:0px}.pg-multi-workspace .pg-work-grid{grid-template-columns:var(--pg-device-list-width) minmax(0,1fr) var(--pg-inspector-width)!important}.pg-multi-workspace .pg-stage-panel{grid-row:1;min-width:0;container-type:inline-size;grid-column:2!important}.pg-multi-workspace .pg-config-panel{z-index:75;border:1px solid var(--pg-shell-line);width:min(328px,100% - 16px);height:auto;max-height:none;box-shadow:var(--pg-rail-shadow);border-radius:14px;grid-area:auto;position:absolute;inset:8px 8px 8px auto}.pg-multi-workspace .pg-properties-scroll{min-height:0;overflow:auto}.pg-multi-workspace .pg-drawer-scrim{z-index:70;display:block;position:absolute;inset:0;background:#13131a55!important}@media (width>=1200px){.pg-multi-workspace[data-properties-open=true]{--pg-inspector-width:288px}.pg-multi-workspace .pg-config-panel{border:0;border-inline-start:1px solid var(--pg-shell-line);width:auto;height:100%;box-shadow:none;border-radius:0;grid-area:1/3;position:relative;inset:auto}}.pg-device-sidebar{background:var(--pg-shell-panel);border-inline-end:1px solid var(--pg-shell-line);min-width:0;min-height:0;color:var(--pg-shell-ink);z-index:35;scrollbar-width:thin;flex-direction:column;display:flex;overflow:auto}.pg-device-sidebar>header{justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:8px 14px;display:flex}.pg-device-sidebar>header>div{align-items:center;gap:10px;display:flex}.pg-device-sidebar h2{letter-spacing:-.025em;margin:0;font-size:.9375rem;font-weight:650}.pg-device-sidebar>header span{color:var(--pg-shell-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.pg-multi-workspace .pg-device-sidebar button{color:var(--pg-shell-muted);background:0 0;border:0;border-radius:8px;min-height:32px;padding:6px}.pg-multi-workspace .pg-device-sidebar button:hover:not(:disabled){background:var(--pg-shell-hover);color:var(--pg-shell-ink)}.pg-multi-workspace .pg-device-sidebar .pg-device-add{background:var(--pg-shell-raised);border:1px solid var(--pg-shell-line);width:34px;height:34px;color:var(--pg-shell-ink)}.pg-device-list-caption{color:var(--pg-shell-muted);margin:4px 16px 14px;font-size:.75rem}.pg-device-list{margin:0;padding:0 8px;list-style:none}.pg-device-list>li{border:1px solid #0000;border-radius:10px;align-items:center;gap:4px;margin-bottom:4px;padding:4px;display:flex;position:relative}.pg-device-list>li[data-selected=true]{background:var(--pg-shell-accent-bg);border-color:var(--pg-selection-line);box-shadow:inset 3px 0 0 var(--pg-shell-accent)}.pg-device-list>li:has(details[open]){z-index:3}.pg-multi-workspace .pg-device-sidebar .pg-device-select{text-align:start;flex:1;justify-content:flex-start;align-items:center;gap:8px;min-width:0;min-height:42px;padding:2px 4px;display:flex}.pg-device-select>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.pg-device-select strong{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;color:var(--pg-shell-ink);font-size:.8125rem;line-height:1.3;overflow:hidden}.pg-device-select small{color:var(--pg-shell-muted);font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1.4}.pg-device-thumbnail{background:var(--pg-shell-raised);border:1px solid var(--pg-shell-line);width:22px;height:28px;color:var(--pg-shell-accent);border-radius:6px;flex:none;place-items:center;display:grid}.pg-device-list>li[data-visible=false] .pg-device-thumbnail{color:var(--pg-shell-muted);opacity:.5}.pg-device-item-actions{flex-direction:row;flex:none;align-items:center;gap:2px;display:flex}.pg-multi-workspace .pg-device-eye,.pg-device-item-menu>summary{cursor:pointer;width:28px;height:32px;color:var(--pg-shell-muted);border-radius:8px;justify-content:center;align-items:center;list-style:none;display:flex;min-height:32px!important;padding:5px!important}.pg-device-item-actions svg{width:17px;height:17px}.pg-device-item-menu>summary::-webkit-details-marker{display:none}.pg-device-item-menu>summary{opacity:.6}.pg-device-item-menu[open]>summary,.pg-device-item-menu>summary:hover,.pg-device-item-menu>summary:focus-visible{opacity:1;background:var(--pg-shell-hover)}.pg-device-item-menu>div{background:var(--pg-shell-raised);border:1px solid var(--pg-shell-line);width:min(208px,100%);box-shadow:var(--pg-rail-shadow);z-index:6;border-radius:10px;padding:6px;position:absolute;top:calc(100% - 2px);right:0}.pg-device-item-menu>div>button{opacity:1;justify-content:flex-start;width:100%;font-size:.8125rem}.pg-device-item-menu>div>span{color:var(--pg-shell-muted);padding:4px 8px;font-size:.75rem;display:block}.pg-device-limit{color:var(--pg-shell-muted);margin:0 0 10px;padding:12px 16px;font-size:.75rem;line-height:1.6}.pg-multi-workspace .pg-device-list-close,.pg-multi-workspace .pg-device-list-toggle{display:none}.pg-multi-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;gap:12px;height:56px;min-height:56px;padding:8px 14px}.pg-multi-workspace .pg-canvas-brand{display:none}.pg-address-fields{flex:1;align-items:center;min-width:0;display:flex}.pg-multi-workspace .pg-stage-toolbar .pg-address-fields input[type=url]{flex:1;width:100%;height:32px;min-height:32px;padding-block:0}.pg-multi-workspace .pg-design-address{grid-area:auto;height:40px}.pg-multi-workspace .pg-canvas-top-actions{flex-wrap:nowrap;grid-area:auto;justify-self:end;gap:5px}.pg-multi-workspace .pg-canvas-zoom-group{gap:3px;margin-right:7px;padding:3px}.pg-multi-workspace .pg-canvas-zoom-group>button{width:32px;min-width:32px;height:32px;border-radius:8px!important;min-height:32px!important}.pg-workspace-context{border-bottom:1px solid var(--pg-shell-line);min-width:0;color:var(--pg-shell-muted);z-index:30;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px 14px;padding:8px 14px;font-size:.75rem;display:flex}.pg-current-device{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.pg-current-device strong{color:var(--pg-shell-ink);font-size:.8125rem;font-weight:600}.pg-workspace-context button{min-height:32px;color:var(--pg-shell-ink);border-color:var(--pg-shell-line);background:0 0;padding:5px 8px;font-size:.75rem}.pg-workspace-context button:hover:not(:disabled){background:var(--pg-shell-hover)}.pg-view-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.pg-view-actions button[aria-pressed=true]{background:var(--pg-shell-accent-bg);color:var(--pg-shell-accent);border-color:var(--pg-selection-line)}.pg-view-actions svg{width:17px;height:17px}.pg-view-actions .pg-fit-all{border-color:#0000;margin-left:6px}.pg-multi-workspace .pg-context-fit{display:none}.pg-source-scope{flex:none;position:relative}.pg-source-scope summary{cursor:pointer;align-items:center;gap:5px;min-height:28px;padding:6px 8px;font-size:.75rem;list-style:none;display:flex}.pg-source-scope summary::-webkit-details-marker{display:none}.pg-source-scope p{background:var(--pg-shell-panel);border:1px solid var(--pg-shell-line);width:min(330px,70vw);box-shadow:var(--pg-rail-shadow);z-index:35;border-radius:10px;margin:4px 0;padding:14px;line-height:1.5;position:absolute;top:100%;right:0}.pg-source-scope a{color:var(--pg-shell-accent);margin-top:10px;text-decoration:underline;display:block}.pg-source-name{color:var(--pg-shell-ink);overflow-wrap:anywhere;margin-bottom:6px;font-weight:600;display:block}.pg-multi-workspace .pg-workspace-notice{z-index:36;top:116px}.pg-undo-notice{z-index:32;background:var(--pg-shell-raised);border:1px solid var(--pg-shell-line);max-width:calc(100% - 24px);color:var(--pg-shell-ink);box-shadow:var(--pg-rail-shadow);border-radius:10px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:.8125rem;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.pg-undo-notice>button{color:var(--pg-shell-accent);background:0 0;border:0;min-height:32px;font-size:.8125rem}.pg-undo-notice>button:last-child{color:var(--pg-shell-muted);padding:4px}.pg-multi-workspace .pg-shared-render-host{pointer-events:none;z-index:0;position:absolute;inset:0}.pg-multi-workspace .pg-shared-render-host canvas{pointer-events:none}.pg-multi-workspace .pg-three-viewport{isolation:isolate}.pg-device-board{overscroll-behavior:contain;scrollbar-width:thin;z-index:2;align-content:start;gap:18px;display:grid;position:absolute;inset:14px 14px 78px;overflow:auto}.pg-device-frame{isolation:isolate;border:1px solid color-mix(in srgb,var(--pg-shell-line) 65%,transparent);border-radius:10px;min-width:0;min-height:0;position:relative;overflow:hidden}.pg-device-frame[data-selected=true]{border-color:var(--pg-shell-accent);box-shadow:none}.pg-frame-heading{z-index:8;background:var(--pg-shell-canvas);align-items:center;gap:4px;min-height:40px;padding-right:4px;display:flex;position:absolute;top:0;left:0;right:0}.pg-multi-workspace .pg-device-frame-label{min-width:0;min-height:40px;color:var(--pg-shell-muted);box-shadow:none;text-align:start;background:0 0;border:0;border-radius:0;flex-wrap:wrap;flex:1;justify-content:space-between;gap:4px 8px;padding:6px 8px;font-size:.75rem;display:flex;position:relative}.pg-multi-workspace .pg-device-frame-label[aria-pressed=true]{color:var(--pg-shell-accent);box-shadow:none;background:0 0}.pg-frame-status{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.pg-source-badge{border:1px solid var(--pg-shell-line);color:var(--pg-shell-muted);border-radius:4px;padding-inline:4px;font-size:.75rem;line-height:1.4}.pg-multi-workspace .pg-frame-focus{color:var(--pg-shell-muted);background:0 0;border:0;border-radius:6px;flex:none;width:30px;height:32px;min-height:32px;padding:5px}.pg-frame-focus svg{width:17px;height:17px}.pg-device-surface{touch-action:none;position:absolute;inset:46px 0 0;outline-offset:-3px!important}.pg-device-surface[data-navigation-mode=orbit]{cursor:grab}.pg-device-surface[data-navigation-mode=orbit]:active{cursor:grabbing}.pg-device-surface[data-navigation-mode=select]{cursor:default}.pg-device-surface .pg-hinge-edge{z-index:10}.pg-selected-source-clip{pointer-events:none;z-index:1;contain:layout paint;position:absolute;overflow:hidden}.pg-selected-source-clip *{pointer-events:none!important}.pg-device-loading{color:var(--pg-shell-muted);background:var(--pg-shell-canvas);z-index:4;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:.75rem;display:flex;position:absolute;inset:46px 0 0}.pg-device-loading button{pointer-events:auto}.pg-device-external-note{background:var(--pg-shell-panel);border:1px solid var(--pg-shell-line);color:var(--pg-shell-muted);text-align:center;pointer-events:auto;z-index:5;border-radius:8px;margin:0;padding:10px;font-size:.75rem;line-height:1.5;position:absolute;bottom:10px;left:12px;right:12px}.pg-device-external-note strong{color:var(--pg-shell-ink);margin-bottom:4px;display:block}.pg-device-external-note button{min-height:32px;color:var(--pg-shell-ink);background:var(--pg-shell-raised);border-color:var(--pg-shell-line);margin-top:6px;font-size:.75rem}.pg-devices-empty{text-align:center;color:var(--pg-shell-muted);z-index:9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex;position:absolute;inset:0}.pg-devices-empty>svg{width:32px;height:32px}.pg-devices-empty h3{font-size:1rem}.pg-devices-empty p{max-width:32ch;margin:0;font-size:.875rem}.pg-multi-workspace .pg-devices-empty button{background:var(--pg-shell-raised);color:var(--pg-shell-ink);border-color:var(--pg-shell-line)}.pg-multi-workspace .pg-projection-status{display:none}.pg-multi-workspace .pg-three-fallback{background:var(--pg-shell-canvas);color:var(--pg-shell-ink);z-index:20;gap:14px}.pg-multi-workspace .pg-three-fallback p{color:var(--pg-shell-muted);max-width:42ch;margin:0;font-size:.875rem}.pg-multi-workspace .pg-three-fallback button{color:var(--pg-shell-accent);border-color:var(--pg-shell-line);background:var(--pg-shell-raised)}.pg-multi-workspace .pg-three-fallback a{color:var(--pg-shell-accent);padding:10px;font-size:.875rem;text-decoration:underline}.pg-multi-workspace .pg-canvas-rail{border:1px solid var(--pg-shell-line);background:var(--pg-rail-glass);width:max-content;max-width:calc(100% - 28px);box-shadow:var(--pg-rail-shadow),inset 0 1px 0 var(--pg-glass-rim);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);border-radius:999px;flex-direction:row;align-items:center;gap:0;padding:5px;inset:auto auto 16px 50%;transform:translate(-50%)}.pg-multi-workspace .pg-canvas-rail .pg-rail-group{min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:center;gap:2px;padding:0}.pg-multi-workspace .pg-canvas-rail .pg-rail-group+.pg-rail-group{border-left:1px solid var(--pg-shell-line);margin-left:6px;padding-left:6px}.pg-multi-workspace .pg-canvas-rail button{width:36px;min-width:36px;height:36px;min-height:36px!important}.pg-multi-workspace .pg-canvas-rail button:focus-visible{outline-offset:1px}.pg-multi-workspace[data-transparency=reduced] .pg-canvas-rail{background:var(--pg-shell-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.pg-multi-workspace[data-transparency=reduced] .pg-canvas-rail .pg-rail-group{background:0 0}@container (width<=850px){.pg-source-scope summary span,.pg-current-device>span:first-child{display:none}.pg-workspace-context{gap:6px 8px}.pg-view-actions button{padding-inline:6px}.pg-view-actions .pg-fit-all{display:none}}@container (width<=600px){.pg-multi-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-rows:auto auto;grid-template-columns:1fr;gap:6px;height:auto}.pg-multi-workspace .pg-design-address{grid-area:1/1}.pg-multi-workspace .pg-canvas-top-actions{grid-area:2/1;justify-self:end}}@media (width<=760px){.pg-multi-workspace .pg-work-grid{grid-template-columns:minmax(0,1fr)!important}.pg-multi-workspace .pg-stage-panel{grid-column:1!important}.pg-device-sidebar{z-index:75;width:min(288px,92%);display:none;position:absolute;inset:0 auto 0 0;box-shadow:6px 0 30px #0003}.pg-device-sidebar[data-open=true]{display:flex}.pg-multi-workspace .pg-device-list-close,.pg-multi-workspace .pg-device-list-toggle{display:inline-flex}.pg-multi-workspace .pg-device-list-toggle{border:1px solid var(--pg-shell-line);width:44px;height:44px;min-height:44px;color:var(--pg-shell-ink);background:0 0;justify-content:center;align-items:center;padding:8px}.pg-multi-workspace .pg-stage-toolbar.pg-canvas-topbar{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr);gap:6px;height:auto;min-height:106px;padding:6px 8px}.pg-multi-workspace .pg-canvas-brand{grid-area:1/1;display:flex}.pg-multi-workspace .pg-canvas-brand>svg,.pg-multi-workspace .pg-canvas-brand>span{display:none}.pg-multi-workspace .pg-design-address{grid-area:1/2;height:48px}.pg-multi-workspace .pg-canvas-top-actions{grid-area:2/1/auto/-1;justify-content:flex-end;gap:3px}.pg-multi-workspace .pg-canvas-zoom-group>.pg-fit-label{display:none}.pg-multi-workspace .pg-context-fit{min-width:44px;display:inline-flex}.pg-multi-workspace .pg-canvas-zoom-group{gap:1px;margin-right:3px;padding:2px}.pg-multi-workspace :is(.pg-canvas-top-actions>button,.pg-canvas-top-actions .pg-scene-menu>summary,.pg-canvas-zoom-group>button){width:44px;min-width:44px;height:44px;min-height:44px!important}.pg-multi-workspace .pg-design-address>button{width:44px;min-width:44px;height:44px;min-height:44px;padding:7px}.pg-workspace-context{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px 8px;display:grid}.pg-current-device{gap:4px;min-height:24px}.pg-current-device strong{font-size:.75rem}.pg-view-actions{grid-area:2/1/auto/-1;justify-content:center;gap:6px;width:100%;margin:0}.pg-view-actions button{min-height:44px;padding-inline:9px}.pg-view-actions .pg-fit-all{display:none}.pg-source-scope{grid-area:1/2}.pg-source-scope summary{justify-content:center;min-width:44px;min-height:44px;padding:8px}.pg-source-scope summary span{display:none}.pg-multi-workspace .pg-device-eye,.pg-device-item-menu>summary,.pg-multi-workspace .pg-device-sidebar .pg-device-add,.pg-multi-workspace .pg-device-list-close{width:44px;height:44px;min-height:44px!important}.pg-device-item-actions{flex-direction:row;gap:0}.pg-device-thumbnail{display:none}.pg-device-select strong{font-size:.875rem}.pg-device-select small{font-size:.8125rem}.pg-device-board{gap:14px;inset:10px 8px 122px}.pg-multi-workspace .pg-canvas-rail{border-radius:24px;flex-direction:column;gap:0;inset:auto auto 10px 50%;transform:translate(-50%)}.pg-multi-workspace .pg-canvas-rail .pg-rail-group{flex-direction:row;gap:3px;padding:3px}.pg-multi-workspace .pg-canvas-rail .pg-rail-group+.pg-rail-group{border-left:0;border-top:1px solid var(--pg-shell-line);margin-left:0;padding-left:3px}.pg-multi-workspace .pg-canvas-rail button{width:44px;min-width:44px;height:44px;min-height:44px!important}.pg-multi-workspace .pg-canvas-rail button:after{display:none}.pg-multi-workspace .pg-frame-focus{min-width:44px;height:44px;min-height:44px}.pg-multi-workspace .pg-workspace-notice{top:118px}.pg-undo-notice{font-size:.75rem;bottom:154px}.pg-multi-workspace .pg-three-viewport{min-height:450px}.pg-multi-workspace[data-expanded=true] .pg-three-viewport{min-height:0}.pg-device-frame-label{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.pg-multi-workspace *{transition:none!important;animation:none!important}}@media (forced-colors:active){.pg-device-list>li[data-selected=true],.pg-device-frame[data-selected=true]{border:2px solid highlight}.pg-device-sidebar,.pg-frame-heading{color:canvastext;background:canvas}.pg-device-thumbnail{border-color:canvastext}.pg-view-actions button[aria-pressed=true]{border:2px solid highlight}.pg-source-badge{border-color:canvastext}}.pg-multi-workspace[data-view-mode=focus] .pg-device-frame[data-selected=true]{border-color:var(--pg-shell-line)}.pg-multi-workspace .pg-frame-focus:hover:not(:disabled){background:var(--pg-shell-hover);color:var(--pg-shell-ink)}.pg-multi-workspace .pg-device-item-menu:focus-within>summary{opacity:1}.pg-multi-workspace [aria-disabled=true],.pg-multi-workspace button:disabled{cursor:default}@media (forced-colors:active){.pg-multi-workspace[data-view-mode=focus] .pg-device-frame[data-selected=true]{border-color:highlight}}.pg-single-device-workspace .pg-work-grid{grid-template-columns:minmax(0,1fr) var(--pg-inspector-width)!important}.pg-single-device-workspace .pg-stage-panel{grid-column:1!important}.pg-single-device-workspace .pg-device-board{gap:0;inset:0 0 76px;overflow:hidden}.pg-single-device-workspace .pg-device-frame{box-shadow:none;background:0 0;border:0;border-radius:0}.pg-single-device-workspace .pg-frame-heading{display:none}.pg-single-device-workspace .pg-device-surface,.pg-single-device-workspace .pg-device-loading{inset:0}.pg-single-device-workspace .pg-workspace-notice{top:64px}.pg-canvas-workspace{--pg-liquid-opacity:.06;--pg-liquid-tint:rgb(255 255 255/var(--pg-liquid-opacity));--pg-liquid-edge:#ffffff21;--pg-liquid-shadow:0 1px 2px #0000000f;--pg-tool-ink:#eee;--pg-tool-muted:#bdbdbd;--pg-tool-hover:#ffffff0d;--pg-tool-press:#ffffff1a;--pg-tool-divider:#ffffff1f;--pg-tool-icon-size:20px;--pg-tool-icon-stroke:1.5px}.pg-canvas-workspace[data-workspace-theme=light]{--pg-liquid-opacity:.16;--pg-liquid-edge:#00000013;--pg-liquid-shadow:0 1px 2px #00000006;--pg-tool-ink:#343434;--pg-tool-muted:#747474;--pg-tool-hover:#00000009;--pg-tool-press:#0001;--pg-tool-divider:#0000001a}.pg-canvas-workspace .pg-liquid-glass{--pg-liquid-background:var(--pg-liquid-tint)}.pg-canvas-workspace :is(.pg-design-address,.pg-canvas-zoom-group,.pg-canvas-rail,.pg-canvas-top-actions>.pg-glass-action,.pg-canvas-top-actions .pg-scene-menu>.pg-glass-action).pg-liquid-glass{box-shadow:var(--pg-liquid-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .12s,background-color .12s;background:var(--pg-liquid-background)!important;border:1px solid var(--pg-liquid-edge)!important;background-clip:padding-box!important}.pg-canvas-workspace .pg-design-address.pg-liquid-glass{border-radius:22px}.pg-canvas-workspace .pg-design-address.pg-liquid-glass:focus-within{outline:2px solid var(--pg-shell-focus);outline-offset:2px}.pg-canvas-workspace .pg-design-address.pg-liquid-glass:has([aria-invalid=true]){outline:2px solid var(--pg-shell-danger);outline-offset:2px}.pg-canvas-workspace .pg-canvas-zoom-group.pg-liquid-glass{--pg-zoom-button-size:38px;border-radius:999px;gap:2px;height:40px;padding:0 1px}.pg-canvas-workspace .pg-canvas-top-actions{gap:8px}.pg-canvas-workspace .pg-canvas-top-actions .pg-glass-action.pg-liquid-glass{flex:none;place-items:center;width:40px;min-width:40px;height:40px;display:grid;border-radius:50%!important;min-height:40px!important;padding:9px!important}.pg-canvas-workspace .pg-glass-action.pg-liquid-glass:hover:not(:disabled),.pg-canvas-workspace .pg-glass-action.pg-liquid-glass[aria-expanded=true]{--pg-liquid-tint:var(--pg-tool-hover)}.pg-canvas-workspace .pg-glass-action.pg-liquid-glass:disabled{opacity:.4;cursor:default}.pg-canvas-workspace :is(.pg-canvas-topbar,.pg-canvas-rail) svg[data-pg-icon]{width:var(--pg-tool-icon-size);height:var(--pg-tool-icon-size);stroke-width:var(--pg-tool-icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.pg-canvas-workspace :is(.pg-canvas-topbar,.pg-canvas-rail) svg[data-pg-icon]>path{vector-effect:non-scaling-stroke}.pg-canvas-workspace .pg-design-address .pg-address-source{width:24px;height:24px;color:var(--pg-tool-ink);justify-content:center;align-items:center}.pg-canvas-workspace .pg-stage-toolbar .pg-design-address input[type=url]{color:var(--pg-tool-ink)}.pg-canvas-workspace .pg-design-address input::placeholder{color:var(--pg-tool-muted);opacity:1}.pg-canvas-workspace .pg-canvas-topbar :is(.pg-canvas-zoom-group>button,.pg-glass-action,.pg-address-go){color:var(--pg-tool-ink);box-shadow:none}.pg-canvas-workspace .pg-canvas-topbar .pg-canvas-zoom-group>button{flex:0 0 var(--pg-zoom-button-size);width:var(--pg-zoom-button-size);min-width:var(--pg-zoom-button-size);max-width:var(--pg-zoom-button-size);height:var(--pg-zoom-button-size);white-space:nowrap;font-variant-numeric:tabular-nums;place-items:center;font-size:.8125rem;font-weight:400;line-height:1;display:grid;min-height:var(--pg-zoom-button-size)!important;border-radius:50%!important;padding:0!important}.pg-canvas-workspace .pg-canvas-topbar .pg-canvas-zoom-group>:is(.pg-fit-label,.pg-one-to-one){font-weight:600}.pg-canvas-workspace .pg-canvas-topbar .pg-canvas-zoom-group>button[aria-pressed=true]{color:var(--pg-shell-accent);background:0 0!important}.pg-canvas-workspace .pg-canvas-topbar .pg-glass-action[aria-expanded=true],.pg-canvas-workspace .pg-canvas-topbar .pg-scene-menu[open]>.pg-glass-action{color:var(--pg-shell-accent)}.pg-canvas-workspace .pg-canvas-topbar .pg-scene-popover>button{color:var(--pg-tool-ink)}.pg-canvas-workspace .pg-canvas-topbar :is(button,.pg-glass-action):disabled{opacity:.3}.pg-canvas-workspace .pg-canvas-topbar :is(.pg-canvas-zoom-group>button,.pg-address-go):hover:not(:disabled){background:var(--pg-tool-hover)!important}.pg-canvas-workspace .pg-canvas-topbar :is(.pg-canvas-zoom-group>button,.pg-address-go):active:not(:disabled){background:var(--pg-tool-press)!important}.pg-canvas-workspace .pg-canvas-topbar :is(.pg-glass-action,.pg-canvas-zoom-group>button,.pg-address-go):active{transform:none!important}.pg-canvas-workspace .pg-canvas-topbar .pg-glass-action:active:not(:disabled){--pg-liquid-tint:var(--pg-tool-press)}.pg-canvas-workspace.pg-multi-workspace .pg-canvas-rail.pg-liquid-glass.pg-glass-dock{isolation:isolate;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px;padding:5px;background:0 0!important;border-color:#0000!important}.pg-canvas-workspace .pg-glass-dock .pg-dock-material{z-index:0;border-radius:inherit;pointer-events:none;border:1px solid var(--pg-liquid-edge);background:var(--pg-liquid-background);box-shadow:var(--pg-liquid-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-clip:padding-box;position:absolute;inset:-1px}.pg-canvas-workspace .pg-glass-dock>.pg-rail-group{z-index:1;position:relative}.pg-canvas-workspace .pg-glass-dock>.pg-rail-group+.pg-rail-group{border-left:0}.pg-canvas-workspace .pg-glass-dock>.pg-rail-group+.pg-rail-group:before{content:"";background:var(--pg-tool-divider);pointer-events:none;width:1px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pg-canvas-workspace .pg-glass-dock .pg-rail-group>button{width:36px;min-width:36px;height:36px;color:var(--pg-tool-ink);box-shadow:none;transition:background-color .12s,color .12s;min-height:36px!important}.pg-canvas-workspace .pg-glass-dock .pg-rail-group>button:hover:not(:disabled){background:var(--pg-tool-hover)!important}.pg-canvas-workspace .pg-glass-dock .pg-posture-shortcuts>button[aria-pressed=true]{box-shadow:none;color:var(--pg-shell-accent);background:0 0!important}.pg-canvas-workspace .pg-glass-dock .pg-rail-group>button:active{transform:none!important}.pg-canvas-workspace .pg-glass-dock .pg-rail-group>button:active:not(:disabled){background:var(--pg-tool-press)!important}.pg-canvas-workspace .pg-glass-dock .pg-rail-group>button:disabled{opacity:.3;box-shadow:none;background:0 0!important}.pg-canvas-workspace[data-motion=reduced] .pg-glass-dock button{transition:none!important}.pg-canvas-workspace[data-transparency=reduced] .pg-dock-material{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (prefers-reduced-motion:reduce){.pg-canvas-workspace .pg-glass-dock button{transition:none!important}}@media (prefers-reduced-transparency:reduce){.pg-canvas-workspace .pg-dock-material{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (forced-colors:active){.pg-canvas-workspace .pg-dock-material{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pg-canvas-workspace .pg-glass-dock .pg-posture-shortcuts>button[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}}@media (pointer:coarse){.pg-canvas-workspace .pg-glass-dock .pg-rail-group>button{width:44px;min-width:44px;height:44px;min-height:44px!important}}.pg-canvas-workspace[data-transparency=reduced] .pg-liquid-glass{--pg-liquid-background:var(--pg-shell-panel);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pg-canvas-workspace .pg-liquid-glass{--pg-liquid-background:var(--pg-shell-panel)}}@media (prefers-reduced-transparency:reduce){.pg-canvas-workspace .pg-liquid-glass{--pg-liquid-background:var(--pg-shell-panel);-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.pg-canvas-workspace[data-motion=reduced] .pg-liquid-glass{transition:none}@media (prefers-reduced-motion:reduce){.pg-canvas-workspace .pg-liquid-glass{transition:none}}@media (forced-colors:active){.pg-canvas-workspace .pg-liquid-glass{--pg-liquid-background:Canvas;--pg-liquid-edge:CanvasText;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (pointer:coarse){.pg-canvas-workspace .pg-canvas-top-actions .pg-glass-action.pg-liquid-glass{width:44px;min-width:44px;height:44px;min-height:44px!important}}@media (width>=1200px){.pg-single-device-workspace .pg-config-panel{grid-column:2}}@media (width<=760px){.pg-single-device-workspace .pg-device-board{bottom:122px}}