.ps-root{--ps-primary:var(--primary,#00ef89);--ps-primary-ink:#063322;--ps-bg:#f4f7f6;--ps-surface:#fff;--ps-border:#e2e8f0;--ps-text:#0f172a;--ps-muted:#64748b;--ps-danger:#ef4444;background:var(--ps-bg);width:100%;min-height:calc(100vh - 60px);color:var(--ps-text);flex-direction:column;font-size:14px;display:flex}.ps-topbar{background:var(--ps-surface);border-bottom:1px solid var(--ps-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.ps-topbar-left,.ps-topbar-right,.ps-topbar-center{align-items:center;gap:8px;display:flex}.ps-brand{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.ps-brand-dot{background:var(--ps-primary);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #00ef8940}.ps-btn{border:1px solid var(--ps-border);background:var(--ps-surface);height:34px;color:var(--ps-text);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ps-btn:hover:not(:disabled){border-color:var(--ps-primary);color:var(--ps-primary-ink)}.ps-btn:disabled{opacity:.45;cursor:not-allowed}.ps-btn-primary{background:var(--ps-primary);border-color:var(--ps-primary);color:var(--ps-primary-ink);font-weight:650}.ps-btn-primary:hover:not(:disabled){filter:brightness(.96)}.ps-btn-ghost{color:var(--ps-muted);background:0 0;border-color:#0000}.ps-btn-ghost:hover:not(:disabled){color:var(--ps-text);background:#f1f5f9;border-color:#0000}.ps-btn-icon{width:34px;padding:0}.ps-btn.active{border-color:var(--ps-primary);color:var(--ps-primary-ink);background:#00ef892e}.ps-select{border:1px solid var(--ps-border);background:var(--ps-surface);height:34px;color:var(--ps-text);border-radius:8px;padding:0 10px;font-size:13px}.ps-body{flex:1;min-height:0;display:flex}.ps-rail{background:var(--ps-surface);border-right:1px solid var(--ps-border);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:64px;padding:12px 8px;display:flex}.ps-rail-sep{background:var(--ps-border);width:28px;height:1px;margin:6px 0}.ps-rail-btn{width:44px;height:44px;color:var(--ps-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex}.ps-rail-btn:hover{color:var(--ps-text);background:#f1f5f9}.ps-rail-btn.active{color:var(--ps-primary-ink);background:#00ef8929;border-color:#00ef8973}.ps-stage-wrap{background-color:#e8eceb;background-image:linear-gradient(45deg,#eef2f1 25%,#0000 25%),linear-gradient(-45deg,#eef2f1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f1 75%),linear-gradient(-45deg,#0000 75%,#eef2f1 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;flex:1;min-width:0;position:relative;overflow:auto}.ps-stage-inner{box-sizing:border-box;justify-content:center;align-items:center;min-width:100%;min-height:100%;padding:40px;display:flex}.ps-canvas-frame{background:#fff;line-height:0;box-shadow:0 16px 48px #0f172a24}.ps-panel{background:var(--ps-surface);border-left:1px solid var(--ps-border);flex-direction:column;flex-shrink:0;width:280px;min-height:0;display:flex}.ps-panel-tabs{border-bottom:1px solid var(--ps-border);display:flex}.ps-panel-tab{height:42px;color:var(--ps-muted);cursor:pointer;background:0 0;border:none;flex:1;font-size:13px;font-weight:600}.ps-panel-tab.active{color:var(--ps-primary-ink);box-shadow:inset 0 -2px 0 var(--ps-primary)}.ps-panel-body{flex:1;padding:14px;overflow:auto}.ps-field{margin-bottom:14px}.ps-field label{color:var(--ps-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.ps-field input[type=color]{border:1px solid var(--ps-border);cursor:pointer;background:0 0;border-radius:8px;width:100%;height:36px;padding:0}.ps-field input[type=range]{width:100%;accent-color:var(--ps-primary)}.ps-field input[type=number],.ps-field select{border:1px solid var(--ps-border);background:#fff;border-radius:8px;width:100%;height:34px;padding:0 10px}.ps-row,.ps-preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ps-preset-card{border:1px solid var(--ps-border);cursor:pointer;text-align:left;background:#fff;border-radius:10px;padding:0;overflow:hidden}.ps-preset-card:hover{border-color:var(--ps-primary)}.ps-preset-swatch{width:100%;height:56px}.ps-preset-card span{color:var(--ps-text);padding:8px;font-size:12px;display:block}.ps-layer-item{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;font-size:13px;display:flex}.ps-layer-item:hover{background:#f8fafc}.ps-layer-item.active{background:#00ef891f;border-color:#00ef8966}.ps-hint{color:var(--ps-muted);font-size:12px;line-height:1.5}.ps-shape-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ps-status{color:var(--ps-muted);font-size:12px}@media (max-width:900px){.ps-panel{display:none}.ps-rail{width:52px}.ps-topbar-center{display:none}}