.dp-dialog{--dp-paper:#f5f2eb;--dp-ink:#272a28;--dp-muted:#858679;--dp-line:#252c231c;color-scheme:light;width:min(940px,calc(100vw - 36px));max-height:calc(100dvh - 48px);margin:auto;padding:0;background:var(--dp-paper);color:var(--dp-ink);border:1px solid #ffffff80;border-radius:12px;box-shadow:0 35px 120px #060d1480;overscroll-behavior:contain;font-family:Inter,"PingFang SC","Hiragino Sans GB",sans-serif}
.dp-dialog::backdrop,.dp-viewer::backdrop{background:#10191acd;backdrop-filter:blur(13px)}
.dp-header{padding:34px 36px 26px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.dp-eyebrow{font:500 9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;color:#7b7c68;margin:0}
.dp-header h2{font-size:32px;font-weight:550;letter-spacing:.05em;margin:11px 0 10px}
.dp-intro{font-size:12px;color:var(--dp-muted);line-height:1.8;margin:0}
.dp-close{display:grid;place-items:center;border:1px solid var(--dp-line);width:34px;height:34px;border-radius:50%;padding:0;color:var(--dp-ink);background:transparent;font-size:25px;font-weight:300;flex-shrink:0}
.dp-close:hover{background:#2027240d}
.dp-toolbar{position:sticky;top:0;z-index:2;padding:16px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--dp-paper);border-top:1px solid var(--dp-line);border-bottom:1px solid var(--dp-line)}
.dp-count{margin:0;font-size:11px;letter-spacing:.07em;color:#7a7c70}
.dp-add{padding:10px 15px;background:#333c33;border-radius:4px;color:#f6f4eb;font-size:11px;letter-spacing:.04em;white-space:nowrap}
.dp-add:hover{background:#465644}.dp-add:disabled,.dp-empty-add:disabled{opacity:.55;cursor:wait}
.dp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;padding:27px 36px 8px}
.dp-grid:empty{display:none}
.dp-photo{min-width:0;margin:0}
.dp-photo-open{display:block;position:relative;width:100%;aspect-ratio:4/3;padding:8px;background:#fff;border:1px solid #252c2311;box-shadow:0 3px 12px #2426190a;transition:transform .2s,box-shadow .2s;overflow:hidden;border-radius:2px}
.dp-photo-open:hover{transform:translateY(-3px);box-shadow:0 6px 18px #24261913}
.dp-photo-open img{display:block;width:100%;height:100%;object-fit:cover;background:#deded3}
.dp-photo-details{display:flex;align-items:center;gap:7px;padding:8px 0 0 3px}
.dp-photo-name{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;line-height:1.6;margin:0;color:#6b7065}
.dp-photo-remove{width:27px;height:27px;padding:0;font-size:18px;background:transparent;color:#8d8e80;border-radius:50%;flex-shrink:0}
.dp-photo-remove:hover{background:#963b2412;color:#943a24}
.dp-photo-remove:disabled{opacity:.3;cursor:wait}
.dp-empty{min-height:300px;padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dp-empty[hidden]{display:none}
.dp-camera-symbol{display:grid;place-items:center;width:57px;height:42px;border:1px solid #878c75;border-radius:7px;font:31px/1 Georgia,serif;color:#787d68;margin:0 0 22px;position:relative}
.dp-camera-symbol::before{content:"";position:absolute;left:8px;top:-5px;width:13px;height:4px;border:1px solid #878c75;border-bottom:0;border-radius:2px 2px 0 0}
.dp-camera-symbol::after{content:"";position:absolute;right:6px;top:6px;width:4px;height:4px;background:#878c75;border-radius:50%}
.dp-empty h3{font-size:16px;line-height:1.7;font-weight:500;margin:0 0 7px;letter-spacing:.03em}
.dp-empty p{font-size:11px;line-height:1.8;color:var(--dp-muted);margin:0}
.dp-empty-add{font-size:11px;color:#576a51;padding:10px 0 5px;margin-top:21px;background:transparent;border-bottom:1px solid #576a5150}
.dp-message{margin:18px 36px 0;padding:10px 13px;border-left:2px solid #728365;background:#74846713;font-size:11px;line-height:1.8;color:#647456}
.dp-message[hidden]{display:none}
.dp-message.is-error{background:#b87d3414;border-color:#a17d48;color:#836237}
.dp-undo{position:sticky;bottom:16px;z-index:3;display:flex;justify-content:center;align-items:center;gap:20px;width:max-content;max-width:calc(100% - 40px);margin:18px auto 0;padding:12px 16px;background:#303c32;color:#fff;border:1px solid #ffffff3b;border-radius:6px;box-shadow:0 6px 24px #202b2422;font-size:11px}
.dp-undo[hidden]{display:none}
.dp-undo button{font-size:11px;padding:3px 0;background:transparent;color:#d0e2ac;text-decoration:underline;text-underline-offset:3px}
.dp-footer{padding:24px 36px 26px;color:var(--dp-muted);font-size:10px;line-height:1.9}
.dp-footer p{margin:0}.dp-footer .dp-format{font:9px/1.7 ui-monospace,SFMono-Regular,monospace;letter-spacing:.035em;margin-top:5px;color:#999a8d}.dp-footer .dp-storage-warning{color:#9b7139}
.dp-dialog button:focus-visible{outline:2px solid #6e825a;outline-offset:4px}
.dp-dialog.dp-dragging{outline:3px solid #859973;outline-offset:-8px}
.dp-viewer{color-scheme:dark;width:min(1200px,calc(100vw - 24px));height:min(850px,calc(100dvh - 24px));max-width:none;max-height:none;padding:56px 64px 70px;margin:auto;overflow:hidden;border:1px solid #ffffff1c;border-radius:9px;background:#101411;color:#f0f2ec;box-shadow:0 30px 120px #0008}
.dp-viewer[open]{display:grid;place-items:center}
.dp-viewer-image{display:block;max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%;min-height:0}
.dp-viewer-close{position:absolute;top:15px;right:18px;background:transparent;border:1px solid #ffffff26;border-radius:50%;width:33px;height:33px;font-size:25px;line-height:1;padding:0;display:grid;place-items:center;color:#fff}
.dp-viewer-prev,.dp-viewer-next{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:48px;padding:0;border-radius:5px;background:#ffffff09;color:#e8edde;font:37px/1 Georgia,serif}
.dp-viewer-prev{left:15px}.dp-viewer-next{right:15px}.dp-viewer-prev:hover,.dp-viewer-next:hover{background:#ffffff17}.dp-viewer-prev:disabled,.dp-viewer-next:disabled{visibility:hidden}
.dp-viewer-caption{position:absolute;bottom:23px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#ffffff9a}
.dp-viewer-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.dp-viewer-index{font:10px/1.6 ui-monospace,SFMono-Regular,monospace;white-space:nowrap;margin:0}
.dp-viewer button:focus-visible{outline:2px solid #a5bd8e;outline-offset:4px}
@media(max-width:650px){.dp-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:9px}.dp-header{padding:27px 23px 20px}.dp-header h2{font-size:27px}.dp-intro{font-size:11px}.dp-toolbar{padding:13px 23px}.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 23px 5px;gap:17px 13px}.dp-photo-open{padding:5px}.dp-photo-details{padding:5px 0 0}.dp-photo-name{font-size:9px}.dp-footer{padding:22px 23px}.dp-message{margin:16px 23px 0}.dp-viewer{padding:56px 12px 78px}.dp-viewer-prev,.dp-viewer-next{top:auto;bottom:13px;transform:none;width:35px;height:35px;z-index:2;font-size:30px}.dp-viewer-prev{left:13px}.dp-viewer-next{right:13px}.dp-viewer-caption{left:23px;right:23px;bottom:57px}.dp-viewer-index{font-size:9px}.dp-empty{padding:43px 18px;min-height:300px}.dp-empty h3{font-size:15px}}