.yl-overlay.yl-compact{top:var(--ylc-offset,0px);bottom:auto;height:var(--ylc-viewport,100dvh);padding:12px 12px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box}
.yl-compact .yl-panel{width:min(700px,100%);max-height:100%;min-height:0;border-radius:18px}
.yl-compact .yl-header{padding:10px 14px;gap:10px;align-items:center}
.yl-compact .yl-header h2{font-size:1rem;line-height:1.35}
.yl-compact .yl-close{min-height:44px;padding:6px 10px;font-size:.78rem}
.yl-compact .yl-body{padding:12px 14px;min-height:0;scrollbar-gutter:auto}
.yl-compact .yl-mode-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 10px}
.yl-compact .yl-mode-choice{min-width:0;min-height:44px;padding:6px 4px;font-size:.78rem;line-height:1.35;border-radius:10px}
.yl-compact .yl-recipient{font-size:.85rem;margin:0 0 8px}
.yl-compact .yl-notice{padding:8px 10px;margin:0 0 8px}
.yl-compact .ylc-note{font-size:.82rem;line-height:1.45;margin:0 0 10px;color:var(--yl-muted)}
.yl-compact .yl-selection-fields{padding:10px;gap:8px;margin:0 0 10px}
.yl-compact .ylc-manual,.yl-compact .ylc-rules,.yl-compact .ylc-external{min-width:0;border-top:1px solid var(--yl-border);padding-top:4px}
.yl-compact summary{min-height:36px;padding:8px 0;cursor:pointer;font-size:.8rem;line-height:1.35;white-space:pre-line;overflow-wrap:anywhere;color:var(--yl-fg)}
.yl-compact summary:focus-visible{outline:3px solid var(--yl-fg);outline-offset:2px}
.yl-compact .ylc-manual-fields{display:grid;gap:8px;padding:6px 0}
.yl-compact .ylc-rules p{font-size:.78rem;line-height:1.45;margin:8px 0}
.yl-compact .ylc-footer{flex:0 0 auto;padding:10px 14px;background:var(--yl-bg);color:var(--yl-fg);border-top:1px solid var(--yl-border)}
.yl-compact .ylc-footer>.yl-actions{display:flex;gap:8px;flex-wrap:nowrap;margin:0}
.yl-compact .ylc-footer .yl-button{flex:1 1 0;min-width:0;min-height:44px;padding:8px;font-size:.82rem;line-height:1.35}
.yl-compact .yl-preview .yl-location-card{padding:12px;gap:5px;margin:8px 0}
.yl-compact .yl-preview .yl-small{font-size:.76rem;line-height:1.4}
.yl-compact .yl-preview .yl-coordinates{font-size:.85rem}
.yl-compact .ylsm{margin-top:5px;padding-top:8px;gap:6px}
.yl-compact .ylsm .yl-button{font-size:.78rem;padding:6px 8px;min-height:44px}
.yl-compact .ylsm-image{max-height:260px;object-fit:contain}
.yl-compact .ylp-picker{padding-bottom:8px;gap:6px}
.yl-compact .ylp-picker>p:not(.ylp-status){display:none}
.yl-compact .ylp-status{font-size:.78rem;line-height:1.4;margin:0}
.yl-compact .ylp-frame{height:min(540px,64dvh);min-height:340px}
.yl-compact .ylp-picker>.yl-button{min-height:44px;padding:7px 9px;font-size:.82rem;line-height:1.35}
@media(max-width:600px){.yl-overlay.yl-compact{padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom))}.yl-compact .yl-panel{border-radius:16px}.yl-compact .yl-header,.yl-compact .yl-body,.yl-compact .ylc-footer{padding:10px}.yl-compact .ylp-frame{height:min(480px,60dvh)}.yl-compact .ylsm-image{max-height:210px}}
