.pp-root{--pp-bg:#111413;--pp-surface:#171b19;--pp-surface-raised:#1c211e;--pp-surface-hover:#242a26;--pp-border:#2b322e;--pp-border-strong:#3a443e;--pp-text:#e8ece9;--pp-text-muted:#8d9992;--pp-text-faint:#626d66;--pp-accent:#c8f05a;--pp-accent-ink:#172000;--pp-danger:#ff746c;--pp-warning:#e8bd61;--pp-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--pp-sans:Inter, "Avenir Next", ui-sans-serif, system-ui, sans-serif;min-width:640px;min-height:560px;color:var(--pp-text);border:1px solid var(--pp-border);background:radial-gradient(circle at 35% -20%, #c8f05a0d, transparent 34%), var(--pp-bg);font-family:var(--pp-sans);border-radius:14px;grid-template-rows:52px minmax(0,1fr) 26px;font-size:13px;line-height:1.45;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff08}.pp-root *,.pp-root :before,.pp-root :after{box-sizing:border-box}.pp-root button,.pp-root select{color:inherit;font:inherit}.pp-root button{border:0}.pp-toolbar{z-index:4;border-bottom:1px solid var(--pp-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#171b19f0;align-items:center;gap:12px;min-width:0;padding:0 12px;display:flex}.pp-brand{align-items:center;gap:9px;min-width:128px;display:flex}.pp-brand-mark{width:28px;height:28px;color:var(--pp-accent-ink);background:var(--pp-accent);border-radius:8px;place-items:center;font-family:Georgia,serif;font-size:19px;font-weight:700;display:grid;box-shadow:0 0 24px #c8f05a1f}.pp-brand-copy{line-height:1.05;display:grid}.pp-brand-copy strong{letter-spacing:.02em;font-size:12px;font-weight:650}.pp-brand-copy small{color:var(--pp-text-faint);font-family:var(--pp-mono);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-size:9px}.pp-template-control{color:var(--pp-text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.pp-template-control select{min-width:150px;max-width:260px;height:30px;color:var(--pp-text);border:1px solid var(--pp-border);background:var(--pp-surface-raised);border-radius:7px;outline:none;padding:0 28px 0 10px}.pp-template-control select:focus-visible{border-color:color-mix(in srgb, var(--pp-accent) 70%, transparent);box-shadow:0 0 0 2px #c8f05a1a}.pp-update-badge{border:1px solid color-mix(in srgb, var(--pp-accent) 45%, transparent);background:color-mix(in srgb, var(--pp-accent) 12%, transparent);color:var(--pp-accent);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:650}.pp-toolbar-spacer,.pp-status-spacer{flex:1}.pp-toolbar-slot{align-items:center;display:flex}.pp-error-notice{z-index:20;max-width:min(440px,100% - 24px);color:var(--pp-text);border:1px solid color-mix(in srgb, var(--pp-danger) 46%, transparent);background:color-mix(in srgb, var(--pp-danger) 12%, var(--pp-surface-raised));border-radius:9px;align-items:flex-start;gap:14px;padding:10px 12px;display:flex;position:absolute;top:62px;right:12px;box-shadow:0 12px 34px #0000004d}.pp-error-notice span{gap:2px;display:grid}.pp-error-notice strong{color:var(--pp-danger);font-family:var(--pp-mono);font-size:10px}.pp-error-notice button{color:var(--pp-text-muted);cursor:pointer;background:0 0;margin-left:auto}.pp-icon-button{width:30px;height:30px;color:var(--pp-text-muted);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid;border:1px solid #0000!important;font-size:17px!important}.pp-icon-button:hover:not(:disabled){color:var(--pp-text);background:var(--pp-surface-hover);border-color:var(--pp-border)!important}.pp-icon-button:disabled{opacity:.35;cursor:default}.pp-explorer-toggle,.pp-explorer-backdrop{display:none}.pp-lock-badge{color:#cde598;cursor:default;letter-spacing:.03em;text-transform:uppercase;background:#c8f05a12;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 9px;display:flex;border:1px solid #c8f05a2e!important;font-size:10px!important;font-weight:650!important}.pp-lock-badge span{color:var(--pp-accent);font-size:7px}.pp-lock-badge.is-readonly{color:var(--pp-warning);cursor:pointer;background:#e8bd6112;border-color:#e8bd612e!important}.pp-lock-badge.is-readonly span{color:var(--pp-warning);font-size:12px}.pp-shell{min-width:0;min-height:0;display:flex}.pp-explorer{border-right:1px solid var(--pp-border);background:var(--pp-surface);flex:none;grid-template-rows:39px minmax(0,1fr);width:252px;min-width:190px;display:grid}.pp-explorer.has-inline-entry{grid-template-rows:39px auto minmax(0,1fr)}.pp-explorer-resize{margin-left:-2px;margin-right:-2px}.pp-inline-entry{border-bottom:1px solid var(--pp-border);background:var(--pp-surface-raised);grid-template-columns:minmax(0,1fr) 24px 24px;gap:3px;padding:6px 7px;display:grid}.pp-inline-entry input{min-width:0;height:25px;color:var(--pp-text);border:1px solid var(--pp-accent);background:var(--pp-bg);font-family:var(--pp-mono);border-radius:4px;outline:none;padding:0 7px;font-size:11px}.pp-inline-entry button{color:var(--pp-text-muted);background:var(--pp-surface-hover);cursor:pointer;border-radius:4px}.pp-pane-heading{color:var(--pp-text-muted);border-bottom:1px solid var(--pp-border);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:0 10px 0 13px;font-size:10px;font-weight:650;display:flex}.pp-pane-actions{gap:1px;margin-left:auto;display:flex}.pp-pane-actions button{min-width:23px;height:23px;color:var(--pp-text-faint);cursor:pointer;font-family:var(--pp-mono);background:0 0;border-radius:5px;padding:0 4px;font-size:9px}.pp-pane-actions button:hover:not(:disabled){color:var(--pp-text);background:var(--pp-surface-hover)}.pp-pane-actions button:disabled{opacity:.25;cursor:default}.pp-upload-control{position:relative}.pp-upload-menu{z-index:8;border:1px solid var(--pp-border-strong);background:var(--pp-surface-raised);border-radius:7px;min-width:92px;padding:4px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 24px #00000059}.pp-upload-menu button{width:100%;height:auto;color:var(--pp-text-muted);text-align:left;cursor:pointer;font-family:var(--pp-sans);border-radius:4px;padding:5px 8px;font-size:11px}.pp-upload-menu button:hover:not(:disabled){color:var(--pp-text);background:var(--pp-surface-hover)}.pp-hidden-file-input{display:none}.pp-tree{min-height:0;overflow:hidden}.pp-tree-node{color:var(--pp-text-muted);cursor:default;font-family:var(--pp-mono);-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:6px;margin:0 4px;padding:0 7px 0 4px;font-size:11px;display:flex;width:calc(100% - 8px)!important}.pp-tree-node:hover{color:var(--pp-text);background:#ffffff08}.pp-tree-node.is-selected{color:var(--pp-text);background:var(--pp-surface-hover)}.pp-tree-node.is-active{box-shadow:inset 2px 0 var(--pp-accent)}.pp-tree-chevron{width:9px;color:var(--pp-text-faint);font-family:var(--pp-sans);place-items:center;font-size:15px;display:inline-grid}.pp-tree-icon{flex:none;width:13px;height:11px;display:inline-block;position:relative}.pp-tree-icon-directory{background:#94a69714;border:1px solid #94a697;border-radius:2px;height:9px}.pp-tree-icon-directory:before{content:"";border:1px solid #94a697;border-bottom:0;border-radius:2px 2px 0 0;width:6px;height:4px;position:absolute;top:-4px;left:-1px}.pp-tree-icon-file{border:1px solid #718078;border-radius:2px}.pp-tree-icon-file:after{content:"";background:#718078;width:5px;height:1px;position:absolute;top:2px;left:3px;box-shadow:0 3px #718078}.pp-tree-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-workbench{background:#121514;flex-direction:column;flex:1;min-width:260px;min-height:0;display:flex}.pp-tabs{border-bottom:1px solid var(--pp-border);background:var(--pp-surface);scrollbar-width:thin;min-height:39px;display:flex;overflow:auto hidden}.pp-tab{min-width:108px;max-width:190px;height:39px;color:var(--pp-text-muted);cursor:pointer;text-align:left;background:#151917;align-items:center;gap:8px;padding:0 10px 0 12px;display:flex;position:relative;border-right:1px solid var(--pp-border)!important;font-family:var(--pp-mono)!important;font-size:10px!important}.pp-tab:before{content:"";background:0 0;height:2px;position:absolute;top:0;left:0;right:0}.pp-tab:hover{color:var(--pp-text);background:var(--pp-surface-raised)}.pp-tab.is-active{color:var(--pp-text);background:#121514}.pp-tab.is-active:before{background:var(--pp-accent)}.pp-tab-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pp-tab-close,.pp-tab-dirty{width:15px;height:15px;color:var(--pp-text-faint);font-family:var(--pp-sans);border-radius:4px;flex:none;place-items:center;font-size:14px;display:grid}.pp-tab-close{cursor:pointer;background:0 0;padding:0}.pp-tab-close:hover{color:var(--pp-text);background:#ffffff12}.pp-tab-dirty{color:var(--pp-accent);font-size:7px}.pp-editor-stack{flex:1;min-height:120px;position:relative}.pp-editor{position:absolute;inset:0}.pp-editor.is-hidden{visibility:hidden}.pp-editor-empty,.pp-binary{background-color:#121514;background-image:linear-gradient(#c8f05a03 1px,#0000 1px),linear-gradient(90deg,#c8f05a03 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;display:grid;position:absolute;inset:0}.pp-editor-empty{color:var(--pp-text-muted);text-align:center;align-content:center}.pp-editor-empty p{color:var(--pp-text);margin:12px 0 3px;font-size:13px}.pp-editor-empty small{color:var(--pp-text-faint);font-size:10px}.pp-empty-symbol{color:#c8f05a2e;font-family:Georgia,serif;font-size:72px;line-height:1}.pp-binary-card{border:1px solid var(--pp-border);text-align:center;background:#171b19eb;border-radius:14px;place-items:center;min-width:280px;padding:36px;display:grid;box-shadow:0 18px 60px #00000040}.pp-binary-card h2{font-family:var(--pp-mono);margin:7px 0 4px;font-size:15px}.pp-binary-card p{color:var(--pp-text-muted);font-family:var(--pp-mono);margin:0;font-size:10px}.pp-binary-glyph{width:48px;height:48px;color:var(--pp-accent);font-family:var(--pp-mono);background:#c8f05a0f;border:1px solid #c8f05a3d;border-radius:12px;place-items:center;margin-bottom:15px;font-size:13px;display:grid}.pp-side-panel{border-left:1px solid var(--pp-border);background:var(--pp-surface);min-width:220px;max-width:560px;overflow:auto}.pp-bottom-panel{border-top:1px solid var(--pp-border);background:var(--pp-surface);min-height:120px;max-height:480px;overflow:auto}.pp-resize{z-index:5;background:0 0;flex:none;transition:background .12s}.pp-resize:hover{background:var(--pp-accent)}.pp-resize-vertical{cursor:col-resize;width:3px;margin-left:-3px}.pp-resize-horizontal{cursor:row-resize;height:3px;margin-top:-3px}.pp-statusbar{z-index:6;min-width:0;color:var(--pp-text-faint);border-top:1px solid var(--pp-border);font-family:var(--pp-mono);background:#141816;align-items:center;gap:14px;padding:0 10px;font-size:9px;display:flex}.pp-statusbar button{color:var(--pp-text-faint);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;padding:2px 4px}.pp-statusbar button:hover{color:var(--pp-text)}.pp-status-item{align-items:center;gap:6px;display:flex}.pp-status-dot{background:var(--pp-accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #c8f05a40}.pp-status-dot.is-muted{background:var(--pp-warning);box-shadow:none}.pp-state{min-height:320px;color:var(--pp-text-muted);background:radial-gradient(circle, #c8f05a0a, transparent 45%), var(--pp-bg);text-align:center;place-content:center;place-items:center;padding:48px;display:grid}.pp-state h2{color:var(--pp-text);letter-spacing:-.02em;margin:8px 0 4px;font-size:20px;font-weight:560}.pp-state p{max-width:420px;color:var(--pp-text-muted);margin:0}.pp-state code{color:var(--pp-danger);font-family:var(--pp-mono);background:#ff746c0d;border:1px solid #ff746c26;border-radius:5px;margin-top:16px;padding:4px 8px;font-size:10px}.pp-state-eyebrow{color:var(--pp-accent);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.pp-spinner{border:2px solid var(--pp-border-strong);border-top-color:var(--pp-accent);border-radius:50%;width:22px;height:22px;margin-bottom:14px;animation:.7s linear infinite pp-spin}@keyframes pp-spin{to{transform:rotate(360deg)}}@media (max-width:820px){.pp-root{min-width:0}.pp-toolbar{gap:7px;padding:0 8px}.pp-explorer-toggle{flex:none;display:grid}.pp-explorer-toggle span{font-size:16px;line-height:1}.pp-brand{min-width:0}.pp-brand-copy,.pp-template-control>span{display:none}.pp-explorer{z-index:12;min-width:0;position:absolute;inset:0 auto 0 0;box-shadow:18px 0 48px #00000061;width:min(82vw,320px)!important}.pp-explorer-backdrop{z-index:11;background:#0000006b;width:100%;padding:0;display:block;position:absolute;inset:0}.pp-shell{position:relative}.pp-workbench{width:100%;min-width:0}.pp-explorer-resize{display:none}}@media (prefers-reduced-motion:reduce){.pp-spinner{animation-duration:1.4s}}