.photo-editor{margin:0;background:#16171b;color:#f5f5f8;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}.photo-editor *{box-sizing:border-box}.photo-editor [hidden]{display:none!important}.photo-editor .pe-main{max-width:1800px;margin:auto;padding:28px 30px 44px}.pe-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.pe-heading h1{font-size:clamp(26px,2.3vw,36px);letter-spacing:-1px;margin:4px 0 8px;line-height:1.2}.pe-heading p{margin:0;color:#b8b8c3}.pe-heading .pe-kicker{font-size:10px;letter-spacing:1.5px;color:#ac92e7;font-weight:800}.pe-local-badge{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #3d4d47;border-radius:20px;background:#202b28;color:#bcdfcf;font-size:11px;white-space:nowrap}.pe-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.pe-controls{padding:17px;background:#222329;border:1px solid #3b3b45;border-radius:16px;min-width:0}.photo-editor button,.photo-editor input,.photo-editor select,.photo-editor textarea{font:inherit}.photo-editor button{border:1px solid #4b4b58;border-radius:9px;background:#34353e;color:#f5f5f8;min-height:42px;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer}.photo-editor button:hover:not(:disabled){background:#454650;border-color:#73717f}.photo-editor button:disabled{opacity:.42;cursor:not-allowed}.photo-editor :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #c0a4fa;outline-offset:3px}.photo-editor .pe-upload{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;padding:17px 10px;background:#292832;border:1px dashed #8a779e}.pe-upload>span{font-size:20px;line-height:1}.pe-upload small{width:100%;display:block;font-size:10px;font-weight:400;color:#b5abbf}.pe-filename{color:#a6a4b1;font-size:10px;overflow-wrap:anywhere;text-align:center;margin:10px 0 18px}.pe-controls fieldset{padding:0;margin:0;border:0;min-width:0}.pe-controls details{border-top:1px solid #3a3b44;margin-top:3px}.pe-controls summary{font-weight:750;font-size:12px;padding:15px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.pe-controls summary:after{content:'+';font-size:16px;color:#a2a1ae}.pe-controls details[open]>summary:after{content:'−'}.pe-controls summary::-webkit-details-marker{display:none}.pe-tool-content{padding-bottom:15px}.pe-button-grid,.pe-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pe-button-grid button{padding:9px 7px;font-size:10px;line-height:1.45}.pe-controls label{display:block;font-size:11px;font-weight:650;color:#c1c0cc;margin:10px 0 6px}.pe-controls label:first-child{margin-top:0}.pe-controls :is(input[type="number"],select,textarea){width:100%;min-width:0;border:1px solid #50505b;border-radius:8px;background:#191a20;color:#f6f5fa;min-height:42px;padding:9px 10px;font-size:12px}.pe-controls textarea{resize:vertical;max-height:200px}.pe-controls input[type="color"]{height:42px;width:100%;padding:3px;border:1px solid #50505b;border-radius:8px;background:#191a20}.pe-controls input[type="range"]{width:100%;accent-color:#b492f1;margin:5px 0 12px;min-height:25px}.pe-controls output{float:right;font-weight:400;font-size:10px;color:#a8a5b4}.photo-editor .pe-wide{width:100%;margin-top:11px}.photo-editor .pe-accent{background:#615078;border-color:#8d76a9}.photo-editor .pe-primary{width:100%;background:linear-gradient(120deg,#ff4260,#ed2856);border:1px solid #ff6680;min-height:48px;margin-top:10px;font-size:12px}.photo-editor .pe-primary:hover:not(:disabled){background:#f94269}.pe-help{font-size:10px;color:#a8a6b4;line-height:1.6;margin:10px 0}.pe-controls .pe-check{display:flex;align-items:center;gap:8px;font-weight:400;font-size:10px;margin:12px 0}.pe-check input{accent-color:#b492f1;width:16px;height:16px;flex-shrink:0}.pe-stage{min-width:0;border:1px solid #3b3c45;border-radius:16px;background:#1d1e24;overflow:hidden;position:sticky;top:18px}.pe-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #373841}.pe-toolbar p{font-size:11px;color:#aaa9b7;margin:0}.pe-toolbar>div{display:flex;gap:6px}.pe-toolbar button{min-height:36px;font-size:10px;padding:7px 10px}.pe-viewport{min-height:530px;max-height:78vh;overflow:auto;padding:22px;display:flex;align-items:center;justify-content:center;background-color:#15161b;background-image:linear-gradient(45deg,#ffffff06 25%,transparent 25%),linear-gradient(-45deg,#ffffff06 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff06 75%),linear-gradient(-45deg,transparent 75%,#ffffff06 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.pe-viewport.is-dragging{outline:3px dashed #c3a5fd;outline-offset:-8px}.pe-empty{text-align:center;max-width:330px;padding:40px 12px}.pe-empty>span{display:grid;place-items:center;width:74px;height:74px;font-size:35px;border-radius:20px;border:1px solid #665371;background:#322539;color:#ceabe7;margin:0 auto 24px}.pe-empty h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 16px}.pe-empty p{color:#9996a8;font-size:12px;margin:0 0 22px}.pe-empty button{background:#615078;border-color:#8d76a9;padding:11px 20px}.pe-canvas-wrap{display:inline-block;position:relative;max-width:100%;max-height:68vh;line-height:0;flex:0 1 auto}.pe-canvas-wrap canvas{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 40px #0005}.pe-canvas-wrap.is-cropping{cursor:crosshair;touch-action:none}.pe-crop-shade{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pe-crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #0009;min-width:1px;min-height:1px}.pe-crop-box:before,.pe-crop-box:after,.pe-crop-box span:before,.pe-crop-box span:after{content:'';position:absolute;background:#ffffff66}.pe-crop-box:before,.pe-crop-box:after{top:0;bottom:0;width:1px;left:33.333%}.pe-crop-box:after{left:66.666%}.pe-crop-box span:before,.pe-crop-box span:after{left:0;right:0;height:1px;top:33.333%}.pe-crop-box span:after{top:66.666%}.pe-status{margin:0;padding:14px 17px;color:#bcbdca;font-size:11px;border-top:1px solid #373841;min-height:46px;overflow-wrap:anywhere}.pe-status[data-error="true"]{color:#ffafc0;background:#321f2a}.pe-footnote{margin:0;padding:0 17px 14px;color:#8c8c9e;font-size:10px}.pe-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.photo-editor .pe-main{padding:22px 18px}.pe-workspace{grid-template-columns:270px minmax(0,1fr);gap:15px}.pe-viewport{padding:14px;min-height:430px}.pe-heading{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:760px){.photo-editor .pe-main{padding:20px 12px 32px}.pe-heading{margin-bottom:18px}.pe-heading h1{font-size:27px}.pe-heading p{font-size:12px}.pe-workspace{display:flex;flex-direction:column;gap:14px}.pe-stage{position:static;width:100%;order:0}.pe-controls{width:100%;order:1;padding:18px}.pe-viewport{min-height:280px;max-height:60vh;padding:12px}.pe-canvas-wrap,.pe-canvas-wrap canvas{max-height:50vh}.pe-toolbar{padding:10px 12px;gap:7px;flex-wrap:wrap}.pe-toolbar button{min-height:40px}.pe-empty{padding:20px 10px}.pe-empty h2{font-size:22px}.pe-empty>span{width:58px;height:58px;font-size:28px;margin-bottom:17px}.pe-controls :is(input[type="number"],select,textarea){font-size:16px}.pe-controls summary{font-size:13px;min-height:48px}.pe-controls button{min-height:44px}.pe-button-grid button{font-size:12px}.pe-local-badge{font-size:10px}.pe-numbers{gap:10px}.pe-controls .pe-check{font-size:12px}.pe-help,.pe-filename{font-size:11px}}@media(prefers-reduced-motion:reduce){.photo-editor *{scroll-behavior:auto!important}}