.photo-editor-dialog{color:#fff;box-sizing:border-box;background:#080808;border:0;gap:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;overflow:hidden;border-radius:0!important}.photo-editor-dialog>button{display:none}.photo-editor{--primary:#8972e4;--secondary:#383838;grid-template-columns:minmax(0,1fr) 390px;height:100%;min-height:0;font-family:Arial,sans-serif;display:grid}.photo-editor button{cursor:pointer;border-radius:12px;transition:background .15s}.photo-editor button:disabled{opacity:.35;cursor:default}.photo-editor button:focus-visible,.photo-editor input:focus-visible,.photo-editor textarea:focus-visible{outline-offset:3px;outline:2px solid #a895ff}.photo-preview{background:#050505;justify-content:center;align-items:center;min-width:0;min-height:0;padding:28px 24px 48px;display:flex;position:relative;overflow:hidden}.photo-canvas-wrap{max-width:100%;max-height:100%;position:relative}.photo-canvas-wrap canvas{object-fit:contain;touch-action:none;cursor:move;width:100%;height:100%;max-height:78dvh;display:block}.photo-canvas-wrap canvas.is-drawing{cursor:crosshair}.photo-avatar-guide{pointer-events:none;border:1px solid #ffffff60;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 2000px #0007}.photo-hint{text-align:center;color:#aaa;font-size:13px;position:absolute;bottom:14px;left:16px;right:16px}.photo-load{position:absolute}.photo-tools{z-index:1;background:#212121;flex-direction:column;min-height:0;display:flex}.photo-toolbar{align-items:center;gap:12px;padding:12px 14px;display:flex}.photo-toolbar h2{flex:1;font-size:21px;font-weight:700}.photo-toolbar button{place-items:center;width:40px;height:40px;display:grid}.photo-tabs{border-bottom:1px solid #292929;display:flex}.photo-tabs button{border-radius:0;flex:1;place-items:center;height:58px;display:grid;position:relative}.photo-tabs button[aria-pressed=true]{color:#9b82ff}.photo-tabs button[aria-pressed=true]:after{content:"";background:#9b82ff;border-radius:4px;width:28px;height:4px;position:absolute;bottom:0}.photo-controls{scrollbar-width:thin;scrollbar-color:#555 #212121;border:0;flex:1;min-width:0;min-height:0;padding:24px;overflow-y:auto}.photo-controls h3{color:#bbb;margin-bottom:18px;font-size:16px}.photo-controls p{color:#aaa;margin:16px 0;font-size:14px}.photo-range{margin:6px 0 30px}.photo-range>div:first-child{justify-content:space-between;gap:12px;margin-bottom:20px;font-size:16px;display:flex}.photo-range output{color:#aaa}.photo-range [data-slot],.photo-range [role=slider]{cursor:pointer}.photo-colors{justify-content:space-between;gap:10px;margin:0 0 30px;display:flex}.photo-colors button,.photo-custom-color{border-radius:50%;flex-shrink:0;width:23px;height:23px}.photo-colors button[aria-pressed=true]{outline:8px solid #ffffff15}.photo-custom-color{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.photo-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%}.photo-ratios{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px;display:grid}.photo-ratios button{text-align:left;color:#bbb;align-items:center;gap:20px;padding:14px;display:flex}.photo-ratios button span{border:2px solid;border-radius:3px;width:19px;max-height:27px;display:block}.photo-editor button[aria-pressed=true]:not(.photo-colors button):not(.photo-tabs button){color:#fff;background:#2d2d2d}.photo-add{background:#8972e4;width:100%;margin-bottom:16px;padding:12px;font-size:15px}.photo-controls textarea{color:#fff;background:#303030;border-radius:8px;width:100%;min-height:84px;margin-bottom:16px;padding:12px;font-size:16px}.photo-options{gap:4px;margin-bottom:22px;display:flex}.photo-options button{flex:1;padding:10px 4px;font-size:13px}.photo-fonts,.photo-brushes,.photo-layers{flex-direction:column;gap:4px;display:flex}.photo-fonts button,.photo-brushes button,.photo-layers button{text-align:left;overflow-wrap:anywhere;min-height:50px;padding:16px}.photo-fonts button{font-size:19px}.photo-brushes button{align-items:center;gap:24px;font-weight:600;display:flex}.photo-brushes button span{border-radius:3px;width:55px;height:6px}.photo-emojis{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:28px;display:grid}.photo-emojis button{min-height:48px;font-size:30px}.photo-layers{margin-top:24px}.photo-remove{color:#f99}.photo-confirm{padding:16px 22px max(16px, env(safe-area-inset-bottom));background:#212121;justify-content:flex-end;align-items:center;gap:16px;display:flex}.photo-confirm span{color:#aaa;font-size:14px}.photo-confirm button{background:#8972e4;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.photo-confirm svg{width:28px;height:28px}@media (width<=767px){.photo-editor-dialog{width:100%;height:100dvh;min-height:100svh}.photo-editor{flex-direction:column;display:flex}.photo-preview{min-height:160px;padding:max(52px, calc(52px + env(safe-area-inset-top))) 16px 30px;flex:0 40%}.photo-canvas-wrap{height:100%;width:auto!important}.photo-canvas-wrap canvas{max-height:100%}.photo-toolbar{background:#212121;height:50px;padding:4px 10px;position:absolute;inset:0 0 auto}.photo-tools{flex:60%;min-height:0;overflow:hidden}.photo-tabs{flex-shrink:0}.photo-tabs button{height:48px}.photo-controls{overscroll-behavior:contain;padding:20px}.photo-confirm{padding:8px 18px max(8px, env(safe-area-inset-bottom))}.photo-confirm button{width:46px;height:46px}.photo-hint{font-size:12px;bottom:6px}}@media (width<=767px) and (height<=700px){.photo-preview{flex-basis:34%;min-height:130px}.photo-tabs button{height:44px}.photo-controls{padding:14px 18px}}@media (height<=500px) and (orientation:landscape){.photo-editor{grid-template-columns:minmax(0,1fr) 320px;display:grid}.photo-preview{padding-top:16px}.photo-toolbar{position:static}}