.photo-editor{box-sizing:border-box;width:min(1220px,calc(100vw - 32px));height:min(880px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid #46515e;border-radius:16px;background:#171d25;color:#e7edf5;box-shadow:0 24px 80px #0009;font:14px/1.4 system-ui,sans-serif;overflow:hidden}.photo-editor[open]{display:flex;flex-direction:column}.photo-editor::backdrop{background:#02060ac9}.photo-editor *{box-sizing:border-box}.photo-editor button,.photo-editor input,.photo-editor select{font:inherit}.photo-editor__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #36404e;flex:none}.photo-editor h2{font-size:18px;margin:0}.photo-editor__header p{margin:3px 0 0;color:#aebdce;max-width:65vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-button{background:#293240;color:#e7edf5;border:1px solid #495566;border-radius:9px;min-height:38px;padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;gap:6px;font-weight:600}.photo-button:hover{background:#354256}.photo-button[aria-pressed=true]{color:#b1dcff;background:#21435f;border-color:#88bde5}.photo-button:disabled{opacity:.4;cursor:default}.photo-button.is-primary{background:#a2d0ff;color:#102a43;border-color:#a2d0ff}.photo-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.photo-editor__toolbar{display:flex;gap:6px;align-items:center;padding:9px 16px;overflow-x:auto;flex:none;border-bottom:1px solid #36404e}.photo-divider{width:1px;height:23px;background:#46515e;margin:0 4px;flex:none}.photo-editor__workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;flex:1;min-height:0}.photo-editor__stage{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;min-height:0;background:#0c1118}.photo-editor__picture{position:relative;flex:none;max-width:100%;max-height:100%;touch-action:none;background:repeating-conic-gradient(#343a42 0% 25%,#252b33 0% 50%) 0 0/18px 18px}.photo-editor canvas{width:100%;height:100%;display:block}.photo-editor__panel{border-left:1px solid #36404e;padding:16px;overflow:auto;min-height:0}.photo-section-title{font-size:13px;margin:4px 0 14px;color:#d2deed}.photo-section-title:not(:first-child){border-top:1px solid #36404e;margin-top:22px;padding-top:16px}.photo-slider{display:block;margin-bottom:15px}.photo-slider>span{display:flex;justify-content:space-between;gap:8px}.photo-slider output{color:#a3c9eb;font-variant-numeric:tabular-nums}.photo-editor input[type=range]{width:100%;accent-color:#a2d0ff;cursor:pointer;min-height:22px}.photo-field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.photo-editor input:not([type=range]),.photo-editor select{min-width:0;width:100%;padding:8px;color:#e7edf5;background:#252d39;border:1px solid #4a5666;border-radius:7px}.photo-hint{font-size:12px;color:#acb9c9;margin:8px 0;display:block}.photo-crop-tools{padding-bottom:14px;border-bottom:1px solid #36404e;margin-bottom:14px}.photo-crop-tools .photo-button{width:100%;margin-top:8px}.photo-editor__crop{position:absolute;border:2px solid white;box-shadow:0 0 0 9999px #0008;cursor:move;background:linear-gradient(90deg,transparent 33%,#fff7 33.3%,transparent 33.6%,transparent 66%,#fff7 66.3%,transparent 66.6%),linear-gradient(transparent 33%,#fff7 33.3%,transparent 33.6%,transparent 66%,#fff7 66.3%,transparent 66.6%)}.photo-editor__picture:has(.photo-editor__crop:not([hidden])){overflow:hidden}.photo-crop-handle{position:absolute;width:18px;height:18px;background:white;border:2px solid #176598;border-radius:50%}.photo-crop-handle.is-tl{left:-8px;top:-8px;cursor:nwse-resize}.photo-crop-handle.is-tr{right:-8px;top:-8px;cursor:nesw-resize}.photo-crop-handle.is-bl{left:-8px;bottom:-8px;cursor:nesw-resize}.photo-crop-handle.is-br{right:-8px;bottom:-8px;cursor:nwse-resize}.photo-editor__footer{display:flex;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid #36404e;flex:none}.photo-editor__status{flex:1;margin:0;font-size:13px;color:#b7c9dc}.photo-editor__status.is-error{color:#ffb2aa}.photo-editor__discard{position:absolute;inset:auto 18px 18px;padding:18px;background:#26374b;border:1px solid #8ab8df;border-radius:12px;box-shadow:0 4px 30px #000a;display:flex;gap:12px;align-items:center;z-index:2}.photo-editor__discard strong{flex:1}.photo-editor [hidden]{display:none!important}.photo-editor :focus-visible{outline:2px solid #a2d0ff;outline-offset:3px}
@media(max-width:720px){.photo-editor{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0;inset:0}.photo-editor__header{padding:9px 12px}.photo-editor__header h2{font-size:16px}.photo-editor__header p{font-size:12px}.photo-editor__toolbar{padding:6px 10px;gap:5px}.photo-editor__toolbar .photo-button{padding:7px;min-width:38px}.photo-divider{margin:0 2px}.photo-editor__workspace{grid-template-columns:1fr;grid-template-rows:minmax(160px,1fr) minmax(180px,36%)}.photo-editor__panel{border-left:0;border-top:1px solid #36404e;padding:12px 16px}.photo-editor__footer{padding:8px 10px;flex-wrap:wrap;gap:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.photo-editor__status{flex-basis:100%;font-size:12px}.photo-editor__footer .photo-button{flex:1;font-size:12px;min-height:40px}.photo-editor__discard{inset:auto 10px 10px;flex-wrap:wrap}.photo-editor__discard strong{flex-basis:100%}.photo-editor input:not([type=range]),.photo-editor select{font-size:16px}}
.photo-editor__panel{display:block;gap:0;border-right:0;background:#171d25}.photo-editor input[type=range]{padding:0;border:0;border-radius:0;background:transparent}.photo-editor__footer .photo-save-mode{margin:0;flex:0 1 235px}.photo-editor__footer .photo-save-mode>span{display:none}.photo-editor__footer .photo-save-mode select{min-height:40px;font-size:12px}
@media(max-width:720px){.photo-editor__footer .photo-save-mode{flex:1 0 100%}.photo-editor__footer .photo-save-mode select{font-size:14px}}