.pg-root{color:#cdd6f4;background:#1e1e2e;border:1px solid #313244;border-radius:8px;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.pg-toolbar{z-index:2;background:#181825;border-bottom:1px solid #313244;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:6px 12px;display:flex}.pg-toolbar-left,.pg-toolbar-center,.pg-toolbar-right{align-items:center;gap:8px;display:flex}.pg-toolbar-title{color:#cba6f7;margin-right:8px;font-size:14px;font-weight:600}.pg-tabs{background:#11111b;border-radius:6px;gap:2px;padding:2px;display:flex}.pg-tab{color:#a6adc8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.pg-tab:hover{color:#cdd6f4;background:#313244}.pg-tab-active{color:#cba6f7;background:#45475a}.pg-tab-icon{font-size:12px}.pg-viewport-selector{background:#11111b;border-radius:6px;gap:2px;padding:2px;display:flex}.pg-viewport-btn{color:#a6adc8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .15s}.pg-viewport-btn:hover{background:#313244}.pg-viewport-btn-active{color:#89b4fa;background:#45475a}.pg-layout-toggle{background:#11111b;border-radius:6px;gap:2px;padding:2px;display:flex}.pg-layout-btn{color:#a6adc8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 6px;transition:all .15s;display:flex}.pg-layout-btn:hover{background:#313244}.pg-layout-btn-active{color:#a6e3a1;background:#45475a}.pg-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.pg-btn-primary{color:#1e1e2e;background:#89b4fa}.pg-btn-primary:hover{background:#74c7ec}.pg-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pg-btn-ghost{color:#a6adc8;background:0 0}.pg-btn-ghost:hover{color:#cdd6f4;background:#313244}.pg-btn-active{color:#a6e3a1;background:#45475a}.pg-btn-sm{padding:3px 8px;font-size:12px}.pg-btn-icon{padding:4px 5px}.pg-template-dropdown{cursor:pointer;background:linear-gradient(135deg,#3b1f6e 0%,#2a1556 100%);border:1px solid #7c3aed;border-radius:6px;align-items:center;gap:4px;padding:0 6px 0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.pg-template-dropdown:hover{border-color:#a78bfa;box-shadow:0 0 0 2px #7c3aed33}.pg-template-chevron{color:#a78bfa;pointer-events:none;flex-shrink:0}.pg-template-select{color:#c4b5fd;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;min-width:80px;padding:5px 0;font-size:12px;font-weight:500}.pg-body{flex:1;min-height:0;overflow:hidden}.pg-split{width:100%;height:100%;display:flex}.pg-split-h{flex-direction:row}.pg-split-v{flex-direction:column}.pg-split-first,.pg-split-second{min-width:0;min-height:0;overflow:hidden}.pg-split-handle{z-index:5;background:#313244;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.pg-split-handle:hover,.pg-split-handle-active{background:#89b4fa}.pg-split-handle-h{cursor:col-resize;width:5px}.pg-split-handle-v{cursor:row-resize;height:5px}.pg-split-handle-line{background:#585b70;border-radius:1px;width:2px;height:24px}.pg-split-handle-v .pg-split-handle-line{width:24px;height:2px}.pg-split-handle:hover .pg-split-handle-line{background:#1e1e2e}.pg-editors{flex-direction:column;height:100%;display:flex}.pg-editor{background:#1e1e2e;flex-direction:column;height:100%;display:flex}.pg-editor-header{background:#181825;border-bottom:1px solid #313244;justify-content:space-between;align-items:center;min-height:32px;padding:4px 12px;font-size:12px;display:flex}.pg-editor-lang{color:#a6adc8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.pg-editor-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.pg-editor:hover .pg-editor-actions{opacity:1}.pg-editor-action-btn{color:#585b70;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;transition:all .12s;display:inline-flex}.pg-editor-action-btn:hover{color:#cdd6f4;background:#313244}.pg-editor-action-btn-active{color:#89b4fa}.pg-editor-body{flex:1;display:flex;position:relative;overflow:hidden}.pg-line-numbers{-webkit-user-select:none;user-select:none;background:#181825;flex-shrink:0;width:40px;padding:8px 0;overflow:hidden}.pg-line-number{text-align:right;color:#585b70;height:20px;padding:0 8px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:20px}.pg-editor-textarea{color:#cdd6f4;resize:none;tab-size:2;white-space:pre;background:#1e1e2e;border:none;outline:none;flex:1;min-height:0;padding:8px 12px;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:14px;line-height:20px;overflow:auto}.pg-editor-textarea::placeholder{color:#585b70}.pg-editor-loading{color:#a6adc8;background:#1e1e2e;justify-content:center;align-items:center;gap:8px;height:100%;font-size:13px;display:flex}.pg-editor-loading-spinner{border:2px solid #45475a;border-top-color:#89b4fa;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite pg-spin}@keyframes pg-spin{to{transform:rotate(360deg)}}.pg-spin{animation:.8s linear infinite pg-spin}.pg-editor-textarea::-webkit-scrollbar{width:8px;height:8px}.pg-editor-textarea::-webkit-scrollbar-track{background:#181825}.pg-editor-textarea::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}.pg-editor-textarea::-webkit-scrollbar-thumb:hover{background:#585b70}.pg-preview-wrapper{flex-direction:column;height:100%;display:flex}.pg-preview{background:#11111b;flex-direction:column;flex:1;min-height:0;display:flex}.pg-preview-header{z-index:10;background:#181825;border-bottom:1px solid #313244;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex;position:relative}.pg-preview-header-left,.pg-preview-header-center,.pg-preview-header-right{align-items:center;gap:4px;display:flex}.pg-preview-header-center{flex:1;justify-content:center;gap:6px}.pg-screen-info{color:#585b70;-webkit-user-select:none;user-select:none;letter-spacing:.03em;font-family:monospace;font-size:11px}.pg-zoom-controls{background:#11111b;border-radius:6px;align-items:center;gap:0;padding:2px;display:flex}.pg-zoom-value{color:#a6adc8;text-align:center;-webkit-user-select:none;user-select:none;min-width:38px;font-family:monospace;font-size:11px}.pg-preview-label{color:#a6adc8;font-weight:500}.pg-preview-size{color:#585b70;font-family:monospace;font-size:11px}.pg-preview-container{background:#d8dce8;flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:auto}.pg-preview-container[data-viewport=desktop]{align-items:stretch}.pg-preview-scale-host{transform-origin:top;pointer-events:none;justify-content:center;align-items:flex-start;width:100%;min-height:100%;transition:transform .25s;display:flex}.pg-preview-container[data-viewport=desktop] .pg-preview-scale-host{height:100%;min-height:unset;align-items:stretch}.pg-device-desktop,.pg-device-tablet-outer,.pg-device-mobile-outer{pointer-events:auto}.pg-device-desktop{border-radius:6px 6px 0 0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000040}.pg-device-chrome-bar{background:#2a2a3e;border-bottom:1px solid #1a1a30;flex-shrink:0;align-items:center;gap:8px;height:34px;padding:0 14px;display:flex}.pg-device-dots{flex-shrink:0;gap:6px;display:flex}.pg-device-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:block}.pg-device-dot-red{background:#ff5f57;box-shadow:inset 0 0 0 1px #00000026}.pg-device-dot-yellow{background:#febc2e;box-shadow:inset 0 0 0 1px #00000026}.pg-device-dot-green{background:#28c840;box-shadow:inset 0 0 0 1px #00000026}.pg-device-url-bar{color:#7a8aa8;text-align:center;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#1a1a2a;border-radius:5px;flex:1;max-width:420px;margin:0 auto;padding:4px 12px;font-family:monospace;font-size:11px;overflow:hidden}.pg-device-screen{background:#fff;flex:1;position:relative;overflow:hidden}.pg-device-tablet-outer{background:linear-gradient(160deg,#3a3a3c 0%,#2c2c2e 60%,#252527 100%);border-radius:22px;flex-direction:column;align-items:center;margin:20px;padding:22px 36px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #4a4a4c,inset 0 0 0 3px #1c1c1e,0 20px 60px #00000080,0 6px 16px #00000059}.pg-device-tablet-camera{background:#555;border-radius:50%;width:7px;height:7px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #333}.pg-device-tablet-btn-left{background:#3a3a3c;border-radius:4px 0 0 4px;width:4px;height:56px;position:absolute;top:50%;left:-4px;transform:translateY(-80px);box-shadow:0 36px #3a3a3c,0 68px #3a3a3c}.pg-device-tablet-btn-right{background:#3a3a3c;border-radius:0 4px 4px 0;width:4px;height:60px;position:absolute;top:50%;right:-4px;transform:translateY(-30px)}.pg-device-tablet-screen{background:#fff;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0003}.pg-device-home-bar{background:#666;border-radius:4px;width:80px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pg-device-tablet-outer.pg-device-landscape{border-radius:22px;flex-direction:row;padding:22px 36px}.pg-device-tablet-outer.pg-device-landscape .pg-device-tablet-camera{top:50%;left:11px;transform:translateY(-50%)}.pg-device-tablet-outer.pg-device-landscape .pg-device-tablet-btn-left{border-radius:4px 4px 0 0;width:56px;height:4px;top:-4px;left:50%;transform:translate(-80px);box-shadow:36px 0 #3a3a3c,68px 0 #3a3a3c}.pg-device-tablet-outer.pg-device-landscape .pg-device-tablet-btn-right{bottom:-4px;top:unset;right:unset;border-radius:0 0 4px 4px;width:60px;height:4px;left:50%;transform:translate(-30px)}.pg-device-tablet-outer.pg-device-landscape .pg-device-home-bar{right:8px;left:unset;width:4px;height:80px;bottom:50%;transform:translateY(50%)}.pg-device-mobile-outer{background:linear-gradient(160deg,#2c2c2e 0%,#1c1c1e 60%,#141416 100%);border-radius:50px;flex-direction:column;align-items:center;margin:20px;padding:18px 14px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #3a3a3c,inset 0 0 0 4px #1c1c1e,0 20px 60px #0000008c,0 6px 16px #0006}.pg-device-mobile-btn-left{background:#3a3a3c;border-radius:4px 0 0 4px;width:4px;height:30px;position:absolute;top:90px;left:-4px;box-shadow:0 40px #3a3a3c,0 76px #3a3a3c}.pg-device-mobile-btn-right{background:#3a3a3c;border-radius:0 4px 4px 0;width:4px;height:56px;position:absolute;top:110px;right:-4px}.pg-device-mobile-island{z-index:1;background:#000;border-radius:14px;width:96px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pg-device-mobile-screen{background:#fff;border-radius:36px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.pg-device-mobile-home-indicator{background:#ffffff59;border-radius:4px;width:110px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pg-device-mobile-outer.pg-device-landscape{border-radius:36px 50px 50px 36px;flex-direction:row;padding:14px 18px}.pg-device-mobile-outer.pg-device-landscape .pg-device-mobile-btn-left{border-radius:4px 4px 0 0;width:30px;height:4px;top:-4px;left:90px;box-shadow:40px 0 #3a3a3c,76px 0 #3a3a3c}.pg-device-mobile-outer.pg-device-landscape .pg-device-mobile-btn-right{bottom:-4px;top:unset;right:unset;border-radius:0 0 4px 4px;width:56px;height:4px;left:110px}.pg-device-mobile-outer.pg-device-landscape .pg-device-mobile-island{border-radius:14px;width:26px;height:96px;top:50%;left:10px;transform:translateY(-50%)}.pg-device-mobile-outer.pg-device-landscape .pg-device-mobile-home-indicator{right:8px;left:unset;width:4px;height:110px;bottom:50%;transform:translateY(50%)}.pg-console{background:#181825;border-top:1px solid #313244;flex-direction:column;flex-shrink:0;min-height:60px;max-height:600px;display:flex;overflow:hidden}.pg-console-resize-handle{cursor:row-resize;background:#313244;flex-shrink:0;height:5px;transition:background .15s}.pg-console-resize-handle:hover{background:#89b4fa}.pg-console-header{border-bottom:1px solid #313244;justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.pg-console-title{color:#a6adc8;font-size:12px;font-weight:500}.pg-console-actions{gap:4px;display:flex}.pg-console-body{flex:1;min-height:60px;padding:4px 0;overflow-y:auto}.pg-console-empty{color:#585b70;padding:8px 12px;font-size:12px;font-style:italic}.pg-console-line{border-bottom:1px solid #11111b;gap:8px;padding:2px 12px;font-size:12px;display:flex}.pg-console-line:hover{background:#1e1e2e}.pg-console-prefix{color:#89b4fa;flex-shrink:0;font-family:monospace}.pg-console-text{color:#cdd6f4;white-space:pre-wrap;word-break:break-all;margin:0;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px}.pg-console-body::-webkit-scrollbar{width:6px}.pg-console-body::-webkit-scrollbar-track{background:#181825}.pg-console-body::-webkit-scrollbar-thumb{background:#45475a;border-radius:3px}.pg-realtime-on{color:#89b4fa;background:#89b4fa1f;border:1px solid #89b4fa4d;border-radius:6px}.pg-realtime-on:hover{color:#89b4fa;background:#89b4fa33}@media (max-width:768px){.pg-toolbar{gap:4px;padding:4px 8px}.pg-toolbar-left,.pg-toolbar-center,.pg-toolbar-right{gap:4px}.pg-tab,.pg-btn{padding:4px 8px;font-size:12px}}