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