.pe-work{max-width:1040px}.pe-drop{transition:padding .15s}.pe-filebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;color:#6e6879;font-size:13px}.pe-filebar span{overflow-wrap:anywhere}.pe-history{display:flex;gap:7px;margin-bottom:10px}.pe-history button,.pe-button-grid button,.pe-ratios button,.pe-crop-actions button,.pe-filters button,.pe-formats button{border:1px solid #dfdbe8;background:#fff;color:#625d6d;border-radius:9px;font:600 13px/1.3 inherit;font-family:inherit;cursor:pointer;min-height:40px}.pe-history button{padding:8px 12px}.pe-history button:disabled{opacity:.38}.pe-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}.pe-panel{border:1px solid #e8e4ee;border-radius:14px;background:#faf9fd;padding:13px}.pe-tool+.pe-tool{border-top:1px solid #e9e5ef;margin-top:14px;padding-top:14px}.pe-tool h2,.pe-crop-panel h3{font-size:14px;margin:0 0 10px;font-weight:750}.pe-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.pe-button-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 3px;font-size:18px}.pe-button-grid button span{font-size:11px}.pe-button-grid button:hover,.pe-ratios button:hover,.pe-crop-actions button:hover,.pe-filters button:hover{border-color:#9e93df;background:#f3f0ff}.pe-tool label{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:9px 0;color:#625d6d;font-size:12px}.pe-tool label output{color:#7168ff;font-weight:700}.pe-tool input[type=range]{grid-column:1/-1;width:100%;accent-color:#7168ff;height:24px}.pe-crop-panel{margin:12px 0;padding:12px;background:#f0edff;border:1px solid #dcd6ff;border-radius:11px}.pe-ratios{display:flex;flex-wrap:wrap;gap:5px}.pe-ratios button{min-height:34px;padding:6px 8px}.pe-ratios button[aria-pressed=true],.pe-filters button[aria-pressed=true],.pe-formats button[aria-pressed=true]{background:#7168ff;color:#fff;border-color:#7168ff}.pe-crop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.pe-crop-actions .pe-apply{background:#7168ff;color:#fff;border-color:#7168ff}.pe-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.pe-filters button{padding:7px 4px;min-height:36px;font-size:11px}.pe-main{min-width:0}.pe-stage{min-height:360px;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:14px;background:#e8e7ed;overflow:hidden}.pe-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:min(62svh,620px);border-radius:4px;box-shadow:0 4px 22px #1d18272c;touch-action:none}.pe-stage.is-crop canvas{cursor:crosshair}.pe-stage-note{text-align:center;color:#77717f;font-size:11px;margin:7px 0 0}.pe-export{display:grid;grid-template-columns:1fr auto;gap:12px 20px;align-items:center;margin-top:14px;padding:15px;border:1px solid #e8e4ee;border-radius:14px;background:#faf9fd}.pe-export h2{font-size:16px;margin:0 0 2px}.pe-export p{font-size:12px;color:#77717f;margin:0}.pe-export-controls{display:flex;align-items:center;gap:14px}.pe-formats{display:flex;background:#eeecf3;border-radius:10px;padding:4px;gap:3px}.pe-formats button{border:0;background:transparent;min-height:36px;padding:7px 12px}.pe-export-controls label{display:grid;grid-template-columns:1fr auto;gap:0 8px;color:#625d6d;font-size:12px;min-width:150px}.pe-export-controls input{grid-column:1/-1;width:100%;accent-color:#7168ff}.pe-export .fic-start{grid-column:1/-1;margin-top:0}.pe-result{margin-top:14px;text-align:center}.pe-result img{display:block;max-width:100%;max-height:240px;margin:0 auto 10px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/16px 16px}.pe-result>p{margin:8px 0}.pe-work:has(#pe-editor:not([hidden]))>.pe-drop{padding:7px 12px;display:flex;justify-content:center;align-items:center;border-style:solid}.pe-work:has(#pe-editor:not([hidden]))>.pe-drop h2,.pe-work:has(#pe-editor:not([hidden]))>.pe-drop p,.pe-work:has(#pe-editor:not([hidden]))>.pe-drop .fic-upload-icon{display:none}.pe-work:has(#pe-editor:not([hidden]))>.pe-drop .fic-button{padding:7px 14px;min-height:36px;font-size:13px}.pe-history button:focus-visible,.pe-button-grid button:focus-visible,.pe-ratios button:focus-visible,.pe-crop-actions button:focus-visible,.pe-filters button:focus-visible,.pe-formats button:focus-visible,.pe-tool input:focus-visible,.pe-export input:focus-visible{outline:3px solid #43337f;outline-offset:2px}
@media(max-width:760px){.pe-layout{grid-template-columns:1fr}.pe-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pe-tool+.pe-tool{border-top:0;margin:0;padding:0}.pe-crop-panel{grid-column:1/-1;margin:0}.pe-stage{min-height:260px;padding:8px}.pe-stage canvas{max-height:54svh}.pe-export{grid-template-columns:1fr}.pe-export-controls{justify-content:space-between}.pe-export .fic-start{grid-column:auto}.pe-filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.pe-work{padding:10px}.pe-filebar{align-items:flex-start}.pe-history button{flex:1;padding:7px 4px}.pe-history button span{display:none}.pe-panel{display:block;padding:11px}.pe-tool+.pe-tool{border-top:1px solid #e9e5ef;margin-top:13px;padding-top:13px}.pe-crop-panel{margin:11px 0}.pe-stage{min-height:220px}.pe-stage canvas{max-height:48svh}.pe-export-controls{display:grid;grid-template-columns:1fr}.pe-formats button{flex:1}.pe-formats{display:flex}.pe-export-controls label{min-width:0}.pe-filters{grid-template-columns:repeat(3,1fr)}}