/* Portable HTML library and module frame. */
.portable-header { margin-bottom: 9px; }
.portable-header-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
.portable-kicker { color:var(--muted); font:700 9px var(--mono); letter-spacing:.1em; }
.portable-header h1 { margin:0; color:var(--special); font-size:24px; line-height:1.1; overflow-wrap:anywhere; }
.portable-header p { color:var(--muted); margin:4px 0 0; font-size:10px; }
.portable-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-bottom:8px; }
.portable-status { display:block; font:10px var(--mono); color:var(--muted); margin:5px 0 9px; }
.portable-list { display:grid; gap:6px; }
.portable-entry { display:grid; gap:8px; padding:9px; background:var(--foreground); border:1px solid var(--line); border-radius:9px; }
.portable-entry-name { min-width:0; }
.portable-entry-name strong { display:block; font-size:12px; color:var(--special); overflow-wrap:anywhere; }
.portable-entry-name small { display:block; margin-top:2px; color:var(--muted); font-size:9px; }
.portable-entry-actions { display:flex; flex-wrap:wrap; gap:5px; }
.portable-entry-actions button { min-height:28px; font:700 9px var(--mono); padding:4px 9px; }
.portable-empty { padding:16px 8px; color:var(--muted); font-size:11px; }
.portable-frame { display:block; width:100%; height:calc(100dvh - 180px); min-height:400px; border:1px solid var(--line); border-radius:8px; background:white; }
.portable-home-card strong { overflow-wrap:anywhere; }