.pd-page-main{overflow:hidden;padding:0!important}.pd-page-main>*{max-width:none!important;margin:0!important}.pd-wrap{background:var(--bg-base);border-top:0;flex-direction:column;height:100%;display:flex;overflow:hidden}.pd-toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:7px 10px}.pd-main{flex:1;grid-template-columns:260px minmax(390px,460px) minmax(420px,1fr);min-height:0;display:grid;overflow:hidden}.pd-emitters,.pd-editor,.pd-preview{border-right:1px solid var(--border);background:var(--bg-base);min-width:0;min-height:0;overflow:hidden}.pd-preview{border-right:0;flex-direction:column;display:flex}.pd-panel-actions{align-items:center;gap:4px;display:flex}.pd-toolbar-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.pd-preset-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:152px;min-height:34px;color:var(--text-primary);font-family:var(--font-mono);padding:6px 8px;font-size:.78rem}.pd-emitter-list{height:calc(100% - 45px);min-height:150px;padding:8px;overflow:auto}.pd-emitter{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.pd-emitter:hover{background:var(--bg-surface);border-color:var(--border)}.pd-emitter.active{background:color-mix(in srgb, var(--accent-teal) 9%, transparent);border-color:var(--accent-teal-dim)}.pd-emitter input{accent-color:var(--accent-teal)}.pd-emitter-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--text-primary);font-size:.78rem;overflow:hidden}.pd-emitter-meta,.pd-stats{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}.pd-stats{gap:12px;display:flex}.pd-controls{background:color-mix(in srgb, var(--bg-base) 92%, black 8%);gap:8px;height:calc(100% - 45px);padding:10px;display:grid;overflow:auto}.pd-control-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-surface) 80%, transparent);padding:9px}.pd-section-title{color:var(--accent-teal);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.58rem;font-weight:700}.pd-control-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.pd-wide .pd-control-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(90px,.9fr)}.pd-controls label,.pd-preview-controls label{min-width:0;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);gap:5px;font-size:.62rem;display:grid}.pd-controls input,.pd-controls select,.pd-preview-controls select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-width:0;color:var(--text-primary);font-family:var(--font-mono);padding:5px 7px;font-size:.76rem}.pd-controls input[type=range]{accent-color:var(--accent-teal);padding:0}.pd-controls input[type=color]{height:31px;padding:1px}.pd-inline-tools{align-items:center;gap:4px;display:flex}.pd-value{color:var(--text-secondary);letter-spacing:0;text-transform:none;justify-self:end;margin-top:-1rem;font-size:.62rem}.pd-check{align-items:center;gap:8px;display:flex!important}.pd-check input{width:auto;accent-color:var(--accent-teal)}.pd-preview-stage{background:#101217;flex:1;min-height:0;position:relative;overflow:hidden}#pd-canvas{cursor:grab;background:0 0;width:100%;height:100%;display:block}#pd-canvas.is-panning{cursor:grabbing}.pd-preview-controls{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-surface) 88%, transparent);backdrop-filter:blur(8px);align-items:end;gap:8px;padding:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.pd-preview-controls label:not(.pd-check){width:108px}.pd-preview-controls input,.pd-export-controls input,.pd-export-controls select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-width:0;color:var(--text-primary);font-family:var(--font-mono);padding:5px 7px;font-size:.76rem}.pd-preview-controls .pd-check{min-height:28px}.pd-export-panel{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.pd-export-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:7px 10px;display:flex}.pd-export-head span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;overflow:hidden}.pd-export-controls{background:color-mix(in srgb, var(--bg-base) 92%, black 8%);grid-template-columns:repeat(5,minmax(74px,1fr)) repeat(2,max-content) repeat(4,max-content);align-items:end;gap:8px;padding:8px 10px 10px;display:grid}.pd-export-controls label{min-width:0;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);gap:5px;font-size:.62rem;display:grid}.pd-export-controls .pd-check{white-space:nowrap;width:max-content;min-height:28px;padding:0 2px;display:inline-flex!important}.pd-sheet-preview-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:#101314;margin:0 10px 10px;overflow:hidden}.pd-sheet-preview-head{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:10px;min-height:28px;padding:6px 8px;display:flex}.pd-sheet-preview-head span:last-child{color:var(--text-muted);font-family:var(--font-mono);font-size:.64rem}.pd-sheet-preview{background:#101314;width:100%;height:52px;display:block}@media (width<=1240px){.pd-main{grid-template-columns:240px minmax(360px,420px) minmax(380px,1fr)}.pd-wide .pd-control-grid{grid-template-columns:1fr 1fr}}@media (width<=1100px){.pd-main{grid-template-rows:minmax(520px,auto) minmax(520px,auto);grid-template-columns:230px minmax(420px,1fr);overflow:auto}.pd-preview{border-top:1px solid var(--border);grid-column:1/-1;min-height:520px}.pd-export-controls{grid-template-columns:repeat(4,minmax(90px,1fr))}}@media (width<=760px){.pd-main{grid-template-rows:none;grid-template-columns:1fr;overflow:auto}.pd-emitters,.pd-editor,.pd-preview{border-right:0;border-bottom:1px solid var(--border);min-height:380px}.pd-editor{min-height:620px}.pd-preview{grid-column:auto;min-height:620px}.pd-export-controls{grid-template-columns:1fr 1fr}.pd-controls label,.pd-preview-controls label,.pd-export-controls label{font-size:.78rem}}
