.useful-editor{width:calc(100vw - 40px);max-width:1500px;max-height:calc(100dvh - 40px);box-sizing:border-box;padding:28px;background:var(--ui-surface,#f3f9ff);color:var(--ui-text,#173553);border:1px solid var(--ui-border,#fff);border-radius:24px;overflow:auto}.useful-editor::backdrop,.useful-place-picker::backdrop{background:#15345366;backdrop-filter:blur(7px)}.useful-editor>header,.useful-place-picker>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.useful-editor h2,.useful-place-picker h2{margin:0;font-size:26px}.useful-editor form{display:grid;gap:18px}.useful-editor label{display:grid;gap:8px;font-size:14px;font-weight:600}.useful-editor input,.useful-editor textarea,.useful-place-picker input{width:100%;box-sizing:border-box;padding:14px;border:1px solid var(--ui-border,#bed0e4);border-radius:12px;background:var(--ui-control,#fff);color:var(--ui-text,#173553);font:inherit}.useful-editor textarea{resize:vertical;min-height:140px}.useful-editor footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--ui-border,#dce5ee);padding-top:18px}.useful-editor footer .primary,.useful-editor footer .secondary,.useful-place-picker footer button{padding:12px 22px;border-radius:12px}.useful-editor footer .primary{background:var(--user-accent,#0855b5);color:var(--user-accent-ink,#fff)}.useful-editor footer .secondary{background:var(--ui-control,#e1edfa);color:var(--ui-text,#254c73)}.useful-editor-place{display:grid;gap:8px;font-size:14px;font-weight:600}.useful-editor-place>button{display:flex;align-items:center;gap:10px;text-align:left;background:var(--ui-control,#e1edfa);color:var(--ui-text,#173553);padding:13px;border-radius:12px}.useful-editor-place svg{width:20px;height:20px}.useful-editor-drop{border:1px dashed var(--ui-border,#a4bfda);border-radius:14px;padding:16px}.useful-editor-drop.drag-over{background:var(--ui-control,#e1edfa);border-color:var(--user-accent,#0855b5)}.useful-editor-drop>[data-useful-pick]{display:grid;justify-items:center;gap:9px;width:100%;padding:18px;background:transparent;color:var(--ui-text,#254c73)}.useful-editor-drop>[data-useful-pick] svg{width:27px;height:27px}.useful-editor-drop small{font-size:12px;color:var(--ui-muted,#526477)}.useful-editor-media{display:flex;gap:12px;flex-wrap:wrap}.useful-editor-media figure{position:relative;width:140px;height:140px;margin:0}.useful-editor-media img,.useful-editor-media video{width:100%;height:100%;object-fit:cover;border-radius:12px}.useful-editor-media figure>button{position:absolute;right:5px;top:5px;width:28px;height:28px;padding:6px;border-radius:9px;background:#fff;color:#173553}.useful-editor-media svg{width:16px;height:16px}.useful-editor-status:empty{display:none}.useful-place-picker{width:min(850px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;padding:24px;border-radius:22px;border:1px solid var(--ui-border,#fff);background:var(--ui-surface,#f3f9ff);color:var(--ui-text,#173553)}.useful-place-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.useful-place-options button{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;text-align:left;background:var(--ui-control,#fff);color:var(--ui-text,#173553)}.useful-place-options img{width:72px;height:72px;object-fit:cover;border-radius:10px;flex:none}.useful-place-options span{display:grid;gap:6px;min-width:0}.useful-place-options small{font-size:11px;overflow-wrap:anywhere;color:var(--ui-muted,#526477)}.useful-place-options [aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--user-accent,#0855b5)}.useful-place-picker footer{margin-top:18px}.useful-record-videos{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.useful-record-videos video{width:min(320px,100%);max-height:280px;border-radius:12px;background:#111}.quick-file-previews video{width:100%;height:100%;object-fit:cover;border-radius:10px}@media(max-width:760px){.useful-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px;border-radius:18px}.useful-editor h2,.useful-place-picker h2{font-size:22px}.useful-place-options{grid-template-columns:1fr}.useful-editor footer{gap:8px}.useful-editor footer .primary,.useful-editor footer .secondary{padding:12px 16px}}

#usefulEditor input[type=file]{display:none!important}.quick-link-results button>img{width:64px;height:64px;object-fit:cover;border-radius:10px;flex:none}

#app .useful-record-media .useful-record-videos{display:grid;gap:8px;margin:0}#app .useful-record-media .useful-record-videos video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;max-height:none;border-radius:12px}#app .useful-record-media .useful-photos+.useful-record-videos{margin-top:8px}

#app .useful-record-media .useful-record-videos+.useful-photos{margin-top:8px}#app .useful-record-media .useful-photos+.useful-record-videos{margin-top:0}

.useful-gallery{box-sizing:border-box;width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--ui-border,#fff);border-radius:22px;background:var(--ui-surface,#f3f9ff);color:var(--ui-text,#173553)}.useful-gallery::backdrop{background:#10203099;backdrop-filter:blur(8px)}.useful-gallery header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.useful-gallery header span{font-size:18px;font-weight:600}.useful-gallery-stage{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px}.useful-gallery-stage img{display:block;width:100%;height:min(70dvh,750px);object-fit:contain;border-radius:12px}.useful-gallery footer{text-align:center;margin-top:14px;font-size:13px}.useful-gallery [hidden]{visibility:hidden!important;display:block!important}@media(max-width:760px){.useful-gallery{padding:12px;width:calc(100vw - 16px)}.useful-gallery-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:4px}.useful-gallery-stage button{width:30px!important;min-width:30px!important;padding:5px!important}.useful-gallery-stage img{height:65dvh}}

#app .useful-record-media:has(.useful-record-videos)>.useful-photos{display:none!important}#app .useful-record-media .useful-record-videos video:not(:first-child){display:none!important}

#itemDetailsDialog.detail-note-view{background:#f4eee3!important;color:#293749!important;border:1px solid #e5dbc9!important}
#itemDetailsDialog.detail-note-view .item-details-header{align-items:center;flex-wrap:wrap;gap:12px;background:transparent!important}
#itemDetailsDialog.detail-note-view .item-details-header h2{color:#293749!important;flex:1;min-width:120px}
#itemDetailsDialog.detail-note-view .item-details-header>.item-details-meta{margin:0;flex:none}
#itemDetailsDialog.detail-note-view .item-details-header>.place-author{display:flex;align-items:center;gap:8px;flex:none;margin:0;padding:4px 9px 4px 4px;border-radius:18px;background:#e4d8c4!important;color:#354052!important;font-size:14px;font-weight:650;max-height:36px;box-sizing:border-box}
#itemDetailsDialog.detail-note-view .item-details-header .place-author .user-avatar{width:28px!important;height:28px!important;min-width:28px!important;font-size:14px}
#itemDetailsDialog.detail-note-view .detail-icon{background:#e8ddc9!important;color:#5a4c34!important}
#itemDetailsDialog.detail-note-view .details-description,#itemDetailsDialog.detail-note-view .details-address{color:#394656!important}
#itemDetailsDialog.detail-note-view .details-photo-area>img{aspect-ratio:1;object-fit:contain;height:auto;max-height:none;background:#e8dfd0!important}
#itemDetailsDialog.detail-note-view .details-photo-thumbs button{width:60px!important;height:60px!important;aspect-ratio:1}
#itemDetailsDialog.detail-note-view .details-links{display:block}
#itemDetailsDialog.detail-note-view .useful-address-link{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;background:#fffcf7!important;border:1px solid #ded3c0;color:#44526a!important;font-size:13px;text-decoration:none}
#itemDetailsDialog.detail-note-view .useful-address-link>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
#itemDetailsDialog.detail-note-view .useful-address-link svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
#itemDetailsDialog.detail-note-view .useful-related-preview{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:10px!important;text-align:left;background:#fffcf7!important;color:#293749!important;border:1px solid #ded3c0!important;border-radius:14px}
#itemDetailsDialog.detail-note-view .useful-related-preview>img{width:72px;height:72px;border-radius:10px;object-fit:cover;flex:none}
#itemDetailsDialog.detail-note-view .useful-related-preview>span{display:grid;gap:6px;min-width:0}
#itemDetailsDialog.detail-note-view .useful-related-preview strong{font-size:14px;color:inherit!important}
#itemDetailsDialog.detail-note-view .useful-related-preview small{font-size:12px;line-height:1.4;color:#69717d!important;overflow-wrap:anywhere}
@media(max-width:760px){#itemDetailsDialog.detail-note-view .item-details-header h2{order:3;flex-basis:100%;font-size:23px}#itemDetailsDialog.detail-note-view .item-details-header>.place-author{margin-left:auto}#itemDetailsDialog.detail-note-view .details-photo-thumbs button{width:52px!important;height:52px!important}}

#itemDetailsDialog.detail-note-view{background:#fffcf5!important;border-color:#eee7db!important}
#itemDetailsDialog.detail-note-view .detail-icon,#itemDetailsDialog.detail-note-view .item-details-header>.place-author{background:#f0e8d9!important}
#app .useful-record-media>.useful-record-grip{opacity:1!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;z-index:5!important}
.useful-mixed-stage{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#f4efe5}
.useful-mixed-stage>img,.useful-mixed-stage>video{display:block;width:100%;height:100%;object-fit:contain}
.useful-mixed-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;color:#596678}
.useful-mixed-thumbs{display:flex;gap:8px;overflow:auto;padding:12px 0 4px}
.useful-mixed-thumbs>button{position:relative;flex:none;width:60px;height:60px;padding:0;border:0;border-radius:10px;overflow:hidden;background:#efe9dd;opacity:.55}
.useful-mixed-thumbs>button[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px #af9364}
.useful-mixed-thumbs img,.useful-mixed-thumbs video{display:block;width:100%;height:100%;object-fit:cover}
.useful-mixed-thumbs span{position:absolute;inset:0;display:grid;place-items:center;background:#0003;color:#fff;font-size:20px}
#usefulMixedLightbox .useful-mixed-stage{height:65dvh;aspect-ratio:auto}

#itemDetailsDialog.detail-note-view .useful-mixed-stage{aspect-ratio:16/9;height:auto}#itemDetailsDialog.detail-note-view .useful-address-link,#itemDetailsDialog.detail-note-view .useful-related-preview{background:#fff!important}

#itemDetailsDialog .expanded-related-record{background:#fffcf5!important;color:#293749!important}
#itemDetailsDialog .expanded-related-record>header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#itemDetailsDialog .expanded-related-record>header h4{flex:1;margin:0;min-width:100px}
#itemDetailsDialog .expanded-related-record>header>.place-author{margin:0 0 0 auto!important;flex:none;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#44526a!important;background:#f0e8d9;padding:4px 9px 4px 4px;border-radius:18px}
#itemDetailsDialog .expanded-related-record>header>.place-author .user-avatar{width:26px!important;height:26px!important;min-width:26px!important;font-size:13px}

#app.category-list-view .useful-record .useful-record-grip{opacity:1!important;visibility:visible!important;color:var(--ui-muted,#5f7890)!important}#app.category-list-view .useful-record:not(.useful-record-with-photo) .useful-record-grip{background:var(--ui-control,#edf3fa)!important;border-radius:9px!important}
