.ifhv-slab{margin:0 0 1.75rem;}
.ifhv-meter{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 1rem;padding:0.65rem 1rem;border-radius:12px;background:var(--surface-muted,#f6f8fb);border:1px solid var(--border,#d8dde6);font-size:0.875rem;color:var(--text-muted,#5f6b7a);}
.ifhv-meter strong{color:var(--text-main,#121826);font-weight:600;}
.ifhv-shell{border-radius:20px;border:1px solid var(--border,#d8dde6);background:var(--surface,#ffffff);box-shadow:var(--shadow-soft,0 12px 30px rgba(15,23,42,.08));overflow:hidden;}
.ifhv-inbox{padding:1rem;}
@media (min-width:768px){.ifhv-inbox{padding:1.25rem;}}
.ifhv-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;padding:1.25rem 1rem;border:2px dashed color-mix(in srgb,var(--primary,#3b82f6) 45%,transparent);border-radius:16px;background:color-mix(in srgb,var(--primary,#3b82f6) 6%,transparent);cursor:pointer;text-align:center;transition:border-color 0.2s ease,background 0.2s ease;}
.ifhv-drop:hover,.ifhv-drop:focus-visible{border-color:var(--primary,#3b82f6);background:color-mix(in srgb,var(--primary,#3b82f6) 10%,transparent);outline:none;}
.ifhv-drop.is-drag{border-color:var(--accent,#0ea5e9);background:color-mix(in srgb,var(--accent,#0ea5e9) 12%,transparent);}
.ifhv-drop-kicker{margin:0 0 0.35rem;font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted,#5f6b7a);font-weight:600;}
.ifhv-drop-title{margin:0 0 0.35rem;font-size:1.125rem;font-weight:700;color:var(--text-main,#121826);}
.ifhv-drop-note{margin:0;max-width:28rem;font-size:0.875rem;color:var(--text-muted,#5f6b7a);line-height:1.45;}
.ifhv-body{padding:1rem 1rem 1.25rem;display:none;}
.ifhv-body.is-live{display:block;}
.ifhv-grid{display:grid;gap:1rem;}
@media (min-width:768px){.ifhv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.25rem;align-items:start;}}
.ifhv-panel{border-radius:14px;border:1px solid var(--border,#d8dde6);background:var(--surface-muted,#f6f8fb);padding:0.75rem;}
.ifhv-tag{margin:0 0 0.5rem;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted,#5f6b7a);font-weight:600;}
.ifhv-frame{position:relative;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(color-mix(in srgb,var(--border,#d8dde6) 55%,transparent) 0% 25%,transparent 0% 50%) 50% / 16px 16px;border:1px solid var(--border,#d8dde6);}
.ifhv-frame canvas{display:block;width:100%;height:auto;vertical-align:middle;}
.ifhv-dock{margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.5rem;align-items:stretch;}
@media (max-width:767px){.ifhv-dock{position:sticky;bottom:0;z-index:2;margin:1rem -1rem -1.25rem;padding:0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface,#ffffff) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border,#d8dde6);}}
.ifhv-tile{flex:1;min-width:calc(50% - 0.25rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.35rem;padding:0.85rem 0.65rem;border-radius:14px;border:1px solid var(--border,#d8dde6);background:var(--surface,#ffffff);color:var(--text-main,#121826);font-size:0.8125rem;font-weight:600;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,transform 0.1s ease;-webkit-tap-highlight-color:transparent;}
@media (min-width:768px){.ifhv-tile{min-width:120px;flex:0 1 auto;padding:0.75rem 1rem;}}
.ifhv-tile svg{width:26px;height:26px;opacity:0.85;}
.ifhv-tile:hover,.ifhv-tile:focus-visible{border-color:var(--primary,#3b82f6);outline:none;}
.ifhv-tile:active{transform:scale(0.98);}
.ifhv-tile.is-on{border-color:var(--primary,#3b82f6);background:color-mix(in srgb,var(--primary,#3b82f6) 14%,transparent);color:var(--primary-dark,#1d4ed8);}
.ifhv-tile--ghost{flex:1 1 100%;min-width:100%;flex-direction:row;gap:0.5rem;font-weight:500;}
@media (min-width:768px){.ifhv-tile--ghost{flex:0 1 auto;min-width:auto;}}
.ifhv-tile--dl{flex:1 1 100%;min-width:100%;background:var(--primary,#3b82f6);color:#fff;border-color:transparent;}
@media (min-width:768px){.ifhv-tile--dl{flex:1 1 auto;min-width:200px;}}
.ifhv-tile--dl:hover,.ifhv-tile--dl:focus-visible{background:var(--primary-dark,#1d4ed8);color:#fff;}
.ifhv-tile--muted{font-weight:500;}
.ifhv-aside{margin:2.5rem 0;padding:1rem 1.15rem;border-left:4px solid color-mix(in srgb,var(--accent,#0ea5e9) 65%,var(--border,#d8dde6));background:var(--surface-muted,#f6f8fb);border-radius:0 12px 12px 0;font-size:0.9375rem;color:var(--text-main,#121826);}
.ifhv-aside p{margin:0;line-height:1.55;}
.ifhv-block{margin:2.25rem 0;}
.ifhv-block h2{font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;margin:0 0 0.75rem;color:var(--text-main,#121826);}
.ifhv-block h3{font-size:1.05rem;font-weight:600;margin:1.25rem 0 0.5rem;color:var(--text-main,#121826);}
.ifhv-block p{margin:0 0 0.85rem;line-height:1.65;color:var(--text-main,#121826);font-size:0.98rem;}
.ifhv-block p:last-child{margin-bottom:0;}
.ifhv-lede{font-size:1.05rem;}
.ifhv-dl{display:grid;gap:0.65rem 1.25rem;margin:1rem 0 0;}
@media (min-width:600px){.ifhv-dl{grid-template-columns:140px 1fr;}}
.ifhv-dl dt{font-weight:600;font-size:0.875rem;color:var(--text-muted,#5f6b7a);margin:0;}
.ifhv-dl dd{margin:0;font-size:0.9375rem;line-height:1.55;color:var(--text-main,#121826);}
.ifhv-table-wrap{overflow-x:auto;margin-top:1rem;border-radius:12px;border:1px solid var(--border,#d8dde6);}
.ifhv-table{width:100%;border-collapse:collapse;font-size:0.9rem;}
.ifhv-table th,.ifhv-table td{padding:0.65rem 0.85rem;text-align:left;border-bottom:1px solid var(--border,#d8dde6);}
.ifhv-table th{background:var(--surface-muted,#f6f8fb);font-weight:600;color:var(--text-main,#121826);}
.ifhv-table td{color:var(--text-main,#121826);line-height:1.45;}
.ifhv-table tr:last-child th,.ifhv-table tr:last-child td{border-bottom:none;}
.ifhv-list{margin:0.75rem 0 0;padding-left:1.15rem;line-height:1.6;color:var(--text-main,#121826);font-size:0.95rem;}
.ifhv-list li{margin-bottom:0.4rem;}
.ifhv-muted{font-size:0.875rem;color:var(--text-muted,#5f6b7a);margin-top:1rem;}