.bento-hero,.bh-overlay{--bh-bg:#08080d;--bh-panel:#101018;--bh-panel-2:#14141d;--bh-border:rgba(255,255,255,0.08);--bh-border-strong:rgba(255,255,255,0.18);--bh-text:#e8e8f0;--bh-muted:#8b8b9e;--bh-accent:#7c5cff;--bh-accent-2:#0ea5e9;--bh-err:#ff6b81;--bh-radius:14px;color:var(--bh-text);font-family:var(--font-sans),"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}.bento-hero{position:relative}.bento-hero *,.bh-overlay *{box-sizing:border-box}.bento-hero button,.bh-overlay button{font:inherit}.bh-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bh-panel-2);color:var(--bh-text);border:1px solid var(--bh-border);padding:8px 13px;border-radius:10px;font-weight:500;font-size:13.5px;cursor:pointer;transition:border-color .2s ease}.bh-chip:hover{border-color:var(--bh-accent)}.bh-primary{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;border:none;cursor:pointer;color:#fff;font-weight:600;font-size:13.5px;background:linear-gradient(135deg,var(--bh-accent-2),var(--bh-accent));transition:filter .2s ease}.bh-primary:hover:not(:disabled){filter:brightness(1.15)}.bh-primary:disabled{opacity:.6;cursor:default}.bh-ghost{background:transparent;color:var(--bh-muted);cursor:pointer;border:1px solid var(--bh-border-strong);border-radius:10px;padding:8px 13px;font-size:13.5px}.bh-ghost:hover{color:var(--bh-text);border-color:var(--bh-accent)}.bh-input,.bh-select{width:100%;background:var(--bh-panel-2);color:var(--bh-text);border:1px solid var(--bh-border-strong);border-radius:10px;padding:9px 12px;font:inherit;font-size:13.5px;outline:none}.bh-input:focus,.bh-select:focus{border-color:var(--bh-accent)}.bh-muted{color:var(--bh-muted)}.bh-err{color:var(--bh-err)}.small{font-size:12px}.hero-admin-bar{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}.hero-grid-fit{position:relative;width:100%;overflow:hidden;display:flex;justify-content:center}.hero-grid-fit.editing{justify-content:flex-start;overflow-x:auto;padding-bottom:6px}.hero-grid{display:grid}.hero-tile{position:relative;overflow:hidden;border-radius:var(--bh-radius);display:block;background:var(--bh-panel-2);border:1px solid var(--bh-border);color:var(--bh-text);text-decoration:none}.hero-media{width:100%;height:100%;object-fit:cover;display:block}.hero-html{width:100%;height:100%;overflow:hidden}.hero-empty-tile{width:100%;height:100%;color:var(--bh-muted);font-size:24px}.hero-empty-tile,.hero-sound{display:flex;align-items:center;justify-content:center}.hero-sound{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;padding:0;border-radius:50%;background:rgba(8,8,13,.7);border:1px solid var(--bh-border-strong);color:#fff;cursor:pointer;font-size:13px;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-sound:hover{background:rgba(8,8,13,.92)}.hero-tile.editing .hero-sound{display:none}.hero-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:20px 14px 11px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(0deg,rgba(4,4,8,.85),transparent)}.hero-title{color:#fff;font-weight:700;font-size:15px}.hero-subtitle,.hero-title{text-shadow:0 1px 4px rgba(0,0,0,.6)}.hero-subtitle{color:rgba(255,255,255,.85);font-weight:500;font-size:12px}.hero-rotator{position:relative;overflow:hidden;border-radius:var(--bh-radius)}.hero-rot-layer{position:absolute;inset:0}.hero-rot-fill{width:100%;height:100%}.hero-rot-layer.in{animation:bhRotIn .8s ease both}.hero-rot-layer.out{animation:bhRotOut .8s ease both}@keyframes bhRotIn{0%{opacity:0}to{opacity:1}}@keyframes bhRotOut{0%{opacity:1}to{opacity:0}}.hero-rot-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:5px;pointer-events:none}.hero-rot-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .3s}.hero-rot-dot.on{background:rgba(255,255,255,.9)}.hero-slider,.hero-slider-stage{position:relative;width:100%}.hero-slider-stage{aspect-ratio:1/1;border-radius:var(--bh-radius);overflow:hidden;touch-action:pan-y}.hero-track{display:flex;height:100%;will-change:transform}.hero-slide{flex:0 0 auto;height:100%}.hero-slide .hero-tile{width:100%;height:100%;border-radius:var(--bh-radius)}.hero-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.hero-dot{width:8px;height:8px;padding:0;border-radius:50%;background:var(--bh-border-strong);border:none;cursor:pointer;transition:background .2s,transform .2s}.hero-dot.on{background:var(--bh-accent);transform:scale(1.25)}.hero-tile.editing{outline:1px dashed var(--bh-border-strong);cursor:-webkit-grab;cursor:grab}.hero-tile.editing:active{cursor:-webkit-grabbing;cursor:grabbing}.hero-tile.dragging{opacity:.4}.hero-tile.editing .hero-html,.hero-tile.editing .hero-media{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-tile-tools{position:absolute;top:6px;right:6px;z-index:3;display:flex;gap:4px}.hero-tile-tools .bh-chip{margin:0;padding:4px 9px;font-size:12px;background:rgba(8,8,13,.85)}.hero-tile-add{align-items:center;cursor:pointer;color:var(--bh-muted);background:var(--bh-panel);border:1px dashed var(--bh-border-strong)}.bh-overlay,.hero-tile-add{display:flex;justify-content:center}.bh-overlay{position:fixed;inset:0;z-index:1000;align-items:flex-start;padding:24px 12px;overflow-y:auto;background:rgba(3,3,6,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bh-modal{position:relative;width:100%;max-width:460px;text-align:left;background:var(--bh-panel);border:1px solid var(--bh-border-strong);border-radius:16px;padding:20px;margin:auto 0;box-shadow:0 18px 60px rgba(0,0,0,.55)}.bh-modal h3{margin:0 0 14px;font-size:17px}.bh-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--bh-border-strong);background:var(--bh-panel-2);color:var(--bh-muted);cursor:pointer}.bh-close:hover{color:var(--bh-text);border-color:var(--bh-accent)}.tfield{display:block;margin-bottom:10px}.tfield-label{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--bh-muted);text-transform:uppercase;letter-spacing:.04em}.hero-cap-row{display:flex;gap:8px;align-items:center}.hero-size-input{width:64px;flex:none;text-align:center}.hero-color-input{width:38px;height:38px;flex:none;padding:2px;cursor:pointer;background:var(--bh-panel-2);border:1px solid var(--bh-border-strong);border-radius:8px}.hero-color-reset{flex:none;padding:6px 9px}.hero-html-input{font-family:ui-monospace,Cascadia Mono,monospace;resize:vertical}.hero-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:8px;gap:8px;max-height:220px;overflow:auto;padding:6px;background:var(--bh-panel-2);border:1px solid var(--bh-border);border-radius:10px}.hero-asset{position:relative;aspect-ratio:1/1;padding:0;overflow:hidden;border-radius:8px;cursor:pointer;background:var(--bh-panel);border:2px solid transparent}.hero-asset.sel{border-color:var(--bh-accent)}.hero-asset img,.hero-asset video{width:100%;height:100%;object-fit:cover;display:block}.hero-asset-name{position:absolute;left:0;right:0;bottom:0;font-size:9px;padding:2px 4px;color:#fff;background:rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-hero,.bh-overlay{--bh-bg:#070b22;--bh-panel:#0d1330;--bh-panel-2:#111a3d;--bh-accent:#38bdf8;--bh-accent-2:#8b5cf6;--bh-err:#ff6b6b}