.ui-modal.asset-picker-modal{background:var(--theme-surface-0);border-radius:16px;width:min(600px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden}.asset-picker-modal[open]{flex-direction:column;display:flex}.asset-picker-modal::backdrop{background:#000c}.asset-picker-modal .ui-modal-header{border-bottom:1px solid var(--theme-line-subtle);flex:none;align-items:center;gap:12px;margin:0;padding:16px 20px}.asset-picker-modal .ui-modal-header h1{overflow-wrap:anywhere;min-width:0;margin:0;padding:0;font-size:20px;line-height:1.4}.asset-picker-modal .ui-modal-close{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:12px;position:static}.asset-picker-content{overscroll-behavior:contain;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.asset-picker-sources{flex-shrink:0;gap:12px;padding:20px;display:flex}.asset-picker-sources .ui-button{text-align:left;border:1px solid var(--theme-line-subtle);background:var(--theme-surface-1);border-radius:10px;flex:1;min-width:0;min-height:112px;padding:20px;display:block}.asset-picker-sources .ui-button:hover{border-color:var(--theme-text-secondary)}.asset-picker-sources strong{align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1.5;display:flex}.asset-picker-sources strong svg{color:var(--home-accent-text);flex-shrink:0}.asset-picker-sources span{color:var(--theme-text-secondary);white-space:pre-line;margin-top:8px;font-size:14px;font-weight:400;line-height:1.6;display:block}.asset-picker-actions{padding:16px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--theme-line-subtle);background:var(--theme-surface-0);flex:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;display:grid}.asset-picker-actions .ui-button{white-space:normal;min-width:0;height:auto;min-height:48px;padding:12px;font-size:16px;line-height:1.5}.asset-picker-library{flex-direction:column;min-height:0;padding:8px 20px 0;display:flex}.asset-picker-library .asset-picker-back{min-height:44px;color:var(--theme-text-secondary);flex:none;align-self:flex-start;gap:8px;padding:8px 4px;font-size:14px}.asset-picker-tabs.ui-tab-list{border-bottom:1px solid var(--theme-line-subtle);flex:none;gap:0;width:100%;padding:0;display:flex}.asset-picker-tabs.ui-tab-list>.ui-button{min-height:48px;color:var(--theme-text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;margin-bottom:-1px;padding:12px 8px;font-size:16px;font-weight:600;line-height:1.5}.asset-picker-tabs.ui-tab-list>.ui-button[aria-selected=true]{border-bottom-color:var(--home-accent);color:var(--theme-text-primary)}.asset-picker-library-body{overscroll-behavior:contain;flex-direction:column;height:360px;min-height:0;margin-top:12px;padding:4px 0 16px;display:flex;overflow-y:auto}.asset-picker-empty{text-align:center;flex-direction:column;flex:none;align-items:center;gap:16px;width:100%;margin-block:auto;padding:16px 0;display:flex}.asset-picker-empty>img{object-fit:contain;width:64px;height:64px}.asset-picker-empty>div{flex-direction:column;gap:8px;display:flex}.asset-picker-empty strong{font-size:16px;font-weight:600;line-height:1.5}.asset-picker-empty p{color:var(--theme-text-secondary);margin:0;font-size:14px;font-weight:400;line-height:1.6}.asset-picker-empty>.ui-button{min-height:48px;padding:12px 20px;font-size:16px}.asset-picker-results{flex:none;width:100%}.asset-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:3px;display:grid}.asset-picker-grid .ui-button{background:var(--theme-surface-2);border:0;border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.asset-picker-grid .ui-button[aria-pressed=true]{outline:2px solid var(--home-accent);outline-offset:1px}.asset-picker-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.asset-picker-selected{background:var(--home-accent);width:22px;height:22px;color:var(--theme-text-inverse);border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.asset-picker-results .asset-picker-more{width:100%;min-height:48px;margin-top:12px;font-size:16px}.asset-picker-error,.asset-picker-feedback{color:var(--theme-error-text);overflow-wrap:anywhere;font-size:14px;line-height:1.6}.asset-picker-content>.asset-picker-error{flex:none;margin:0;padding:0 20px 16px}.asset-picker-feedback{margin-block:auto;padding:16px}.asset-picker-feedback .ui-button{min-height:48px;font-size:16px}.asset-picker-notice{font-size:14px;line-height:1.5}@media (max-width:767px){.ui-modal.asset-picker-modal{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 16px);margin:auto 0 0}.asset-picker-sources{flex-direction:column;padding:16px}.asset-picker-modal .ui-modal-header,.asset-picker-library,.asset-picker-actions{padding-inline:16px}.asset-picker-library-body{height:min(420px,52dvh)}}
