#photoDialog{background:#191321;color:#f0eafa;border:1px solid #755392;border-radius:18px;padding:24px;width:min(720px,calc(100vw - 24px));max-height:92dvh;overflow:auto;margin:auto;z-index:200}#photoDialog::backdrop{background:#000b}#photoDialog button,#openPhotoSearch,#clearPhotoSearch{background:#643e94;color:#fff;border-radius:9px;padding:9px 14px;cursor:pointer}#photoDialog button:disabled{opacity:.4;cursor:wait}#photoDialog .photo-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}#photoDialog p{font-size:13px;color:#bdb0cc;margin:12px 0}#photoCanvas{display:block;max-width:100%;max-height:52dvh;width:auto;height:auto;margin:14px auto;touch-action:none;border:1px solid #675578;cursor:crosshair}#photoDialog input[type=file]{display:block;margin:16px 0;max-width:100%}#photoPreview{height:70px;width:70px;object-fit:contain;background:#eee;border-radius:8px}#photoResultNotice{margin:12px 0;font-size:13px;color:#ceb7ec}#photoResultNotice:not([hidden]){display:flex;align-items:center;gap:12px;flex-wrap:wrap}#photoDialog [hidden],#photoResultNotice[hidden]{display:none}#photoMessage{min-height:24px}#photoDialog button:focus-visible,#openPhotoSearch:focus-visible{outline:2px solid #e4caff;outline-offset:3px}
#searchBar #searchInput{padding-right:52px}#searchBar #openPhotoSearch{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:32px;width:38px;padding:0;border-radius:8px;background:transparent;color:#c8acf1;border-left:1px solid #ffffff20}#searchBar #openPhotoSearch:hover{background:#64458a55;color:white}#photoDropZone{border:2px dashed #765591;border-radius:14px;padding:24px 16px;text-align:center;margin:18px 0;background:#251b32}#photoDropZone p{margin-top:0}.photo-pick{display:inline-block;background:#643e94;padding:10px 14px;border-radius:9px;cursor:pointer;color:white;font-size:14px}#photoDropZone #photoFile{display:block;font-size:12px;margin:12px auto}#photoCropOptions{margin-top:16px}#photoCropOptions summary{cursor:pointer;color:#c4a5e9;font-size:13px}.photo-dragging{outline:3px solid #b580ff;background:#38254e!important}#photoResultNotice{scroll-margin-top:100px}@media(max-width:640px){#searchBar{order:5;flex-basis:100%;min-width:0}#photoDropZone{padding:18px 10px}#photoDialog{padding:18px}#photoDialog .photo-pick,#photoPaste{min-height:44px}#searchBar #openPhotoSearch{height:36px;width:42px}}
#photoResultNotice:not([hidden]){position:relative;display:flex;align-items:center;gap:18px;padding:18px;background:linear-gradient(115deg,#24182f,#181420);border:1px solid #76509d66;border-radius:16px;margin:18px 0 24px}#photoResultNotice #photoPreview{width:104px;height:104px;flex-shrink:0;object-fit:contain;border:1px solid #ffffff20;border-radius:12px}.photo-result-copy{flex:1;min-width:150px}.photo-result-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#c19de5}#photoResultHeading{font-size:18px;font-weight:700;color:#f6efff;margin:4px 0}#photoResultText{font-size:12px;color:#afa3bd;line-height:1.5;margin:0}.photo-result-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.photo-result-actions button{font-size:12px;color:#d5b7f3;text-decoration:underline;text-underline-offset:3px;cursor:pointer}#photoResultNotice #clearPhotoSearch{align-self:flex-start;background:#352437;border:1px solid #90609066;color:#edcddd;white-space:nowrap;font-size:12px;padding:9px 12px}#photoResultNotice #clearPhotoSearch:hover{background:#503249}@media(max-width:640px){#photoResultNotice:not([hidden]){gap:12px;padding:14px;align-items:flex-start}#photoResultNotice #photoPreview{width:76px;height:76px}.photo-result-copy{min-width:130px}#photoResultHeading{font-size:16px}#photoResultNotice #clearPhotoSearch{margin-left:auto;min-height:40px}.photo-result-actions button{min-height:32px}}
#photoResultNotice #clearPhotoSearch{background:#b43b60;border:2px solid #ff95b4;color:white;font-size:14px;font-weight:700;padding:12px 16px;box-shadow:0 2px 12px #b43b6044}#photoResultNotice #clearPhotoSearch:hover{background:#d34571}.photo-paused #photoPreview{opacity:.45}.qc-source-link{display:inline-flex;align-items:center;padding:10px 12px;margin:4px;border:1px solid #8b65b8;border-radius:9px;color:#dcc4fa;background:#2b2038;font-size:12px;white-space:nowrap}