#toolPage{max-width:unset;padding:.8rem}.pe-app{width:100%;display:flex;flex-direction:column;gap:.6rem;box-sizing:border-box;overflow:hidden}.pe-appBar{justify-content:space-between;gap:1rem;padding:.45rem .6rem;background:var(--color-bg-secondary);border-radius:.8rem;border:1px solid var(--color-border)}.pe-appBar,.pe-leftControls{display:flex;align-items:center}.pe-leftControls{gap:.45rem}.pe-appBtn{padding:.45rem .6rem;border-radius:.5rem;background:rgba(0,0,0,0);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.pe-sizeInfo{color:var(--color-text);font-weight:600}.pe-proFixed{gap:1rem;width:100%;align-items:stretch}.pe-proFixed,.pe-toolbar{display:flex;box-sizing:border-box}.pe-toolbar{width:56px;flex:0 0 56px;background:var(--color-bg-secondary);border-radius:1rem;padding:.6rem .4rem;flex-direction:column;gap:.6rem;align-items:center;border:1px solid var(--color-border);height:calc(100vh - 180px);position:-webkit-sticky;position:sticky;top:96px}.pe-tool{width:44px;height:44px;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);cursor:pointer;color:var(--color-text)}.pe-mainWrap{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.6rem}.pe-canvasArea{background:var(--color-bg-tertiary);border-radius:1rem;padding:.6rem;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:auto;border:1px solid var(--color-border)}.pe-mainCanvas{display:block;max-width:100%;height:auto;box-shadow:0 14px 60px rgba(2,6,23,.6);border-radius:.7rem;background:rgba(0,0,0,0);touch-action:none}.pe-bottom{justify-content:space-between;gap:1rem}.pe-bottom,.pe-brushControls{display:flex;align-items:center}.pe-brushControls{gap:.6rem;color:var(--color-text);flex-wrap:wrap}.pe-btn{padding:.45rem .7rem;border-radius:.6rem;background:var(--color-btn-bg);color:var(--color-btn-text);border:none;cursor:pointer}.pe-layers{width:320px;flex:0 0 320px;background:var(--color-bg-secondary);border-radius:1rem;padding:.8rem;box-sizing:border-box;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 180px);overflow:auto;position:-webkit-sticky;position:sticky;top:96px}.pe-layersHeader{display:flex;justify-content:space-between;align-items:center;color:var(--color-text);font-weight:700}.pe-layersList{display:flex;flex-direction:column;gap:.5rem;padding-right:.2rem}.pe-layerRow{display:flex;gap:.6rem;align-items:center;padding:.4rem;border-radius:.6rem;background:rgba(0,0,0,0);transition:background .12s ease;min-width:0}.pe-layerRow.active{background:linear-gradient(90deg,rgba(255,255,255,.02),transparent);border:1px solid hsla(0,0%,100%,.03)}.pe-thumb{width:64px;height:48px;border-radius:.4rem;overflow:hidden;border:1px solid var(--color-border);background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.03));cursor:pointer;display:flex;align-items:center;justify-content:center}.pe-thumb img{display:block;max-width:100%;height:auto}.pe-meta{flex:1 1;display:flex;flex-direction:column;gap:.25rem;color:var(--color-text);min-width:0}.pe-name{font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-metaBtns{display:flex;gap:.35rem;align-items:center}.pe-rowBtns{display:flex;flex-direction:column;gap:.25rem}.pe-sm{padding:.25rem .45rem;border-radius:.4rem;background:rgba(0,0,0,0);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-size:.8rem}.pe-canvasArea::-webkit-scrollbar{height:8px;width:8px}.pe-canvasArea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:100px}@media(max-width:1000px){.pe-proFixed{flex-direction:column;gap:.6rem}.pe-toolbar{flex-direction:row;padding:.4rem;border-radius:.8rem}.pe-layers,.pe-toolbar{width:100%;height:auto;position:static}.pe-layers{order:3;max-height:280px}.pe-canvasArea{min-height:320px}}