.mini-browser{border:var(--border);box-shadow:var(--pop-sm);background:#fff;border-radius:14px;overflow:hidden}.mb-bar{border-bottom:var(--border);background:#e2e8f0;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.mb-dots{gap:4px;display:inline-flex}.mb-dots i{border:2px solid var(--line);background:#fb7185;border-radius:50%;width:11px;height:11px}.mb-dots i:nth-child(2){background:#facc15}.mb-dots i:nth-child(3){background:#34d399}.mb-url{border:2px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;flex:1;min-width:0;padding:.1rem .7rem;font:600 .92rem ui-monospace,monospace;overflow:hidden}.mb-lock{margin-right:.35rem}.mb-status{border:2px solid var(--line);background:#fff;border-radius:6px;padding:0 .35rem;font:700 .85rem ui-monospace,monospace}.mb-status.s2,.big-code.s2{background:var(--mint-light)}.mb-status.s3,.big-code.s3{background:var(--sky-light)}.mb-status.s4,.big-code.s4{background:var(--sun-light)}.mb-status.s5,.big-code.s5{background:var(--coral-light)}.mb-page{min-height:6rem;padding:.7rem .9rem}.peek{flex-direction:column;gap:.5rem;display:flex}.peek-own{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.peek-own input{font:inherit;border:var(--border);border-radius:999px;min-width:15rem;padding:.35rem .8rem}.peek-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.peek-main{flex-direction:column;gap:.45rem;display:flex}.peek-status{align-items:center;gap:.6rem;display:flex}.big-code{border:var(--border);border-radius:10px;padding:0 .5rem;font:700 1.8rem ui-monospace,monospace}.peek-note{margin:0;font-size:.92rem}.peek-note code,.id-card code{font:600 .9rem ui-monospace,monospace}.waterfall{flex-direction:column;gap:.25rem;display:flex}.wf-row{grid-template-columns:13.5rem minmax(0,1fr) 4rem;align-items:center;gap:.4rem;font-size:.88rem;display:grid}.wf-track{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:999px;height:14px;overflow:hidden}.wf-bar{border-radius:999px;height:100%;display:block}.wf-ms{text-align:right;font:600 .85rem ui-monospace,monospace}.wf-total{text-align:right;font-size:.9rem}.id-card{border:var(--border);box-shadow:var(--pop-sm);background:linear-gradient(135deg,#e0f2fe,#fef3c7);border-radius:14px;flex-direction:column;gap:.25rem;padding:.6rem .8rem;font-size:.92rem;display:flex}.id-card .muted{font-size:.78rem;display:block}.id-head{font:600 1.05rem var(--font-display)}.id-card.is-none{background:var(--coral-light)}.url-chips{flex-wrap:wrap;justify-content:center;gap:.1rem;font:700 1.25rem ui-monospace,monospace;display:flex}.url-chip{font:inherit;border:var(--border);cursor:pointer;box-shadow:var(--pop-sm);background:#fff;border-radius:8px;padding:.1rem .35rem}.url-chip:hover{background:var(--sun-light)}.url-chip.is-protocol{background:#e2e8f0}.url-chip.is-domain{background:#fde68a}.url-chip.is-folder{background:#bfdbfe}.url-chip.is-file{background:#bbf7d0}.url-chip[disabled]{cursor:default;opacity:1;color:var(--ink)}.url-chip .part-tag{font:600 .7rem var(--font-body);display:block}.restaurant{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.orders{flex-direction:column;gap:.3rem;margin:0;padding:0;font:600 .88rem ui-monospace,monospace;list-style:none;display:flex}.orders li{border:2px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;padding:.15rem .5rem;display:flex}.dish-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.demo-page{color:#000;font-family:Times New Roman,serif}.demo-page.is-styled{font-family:var(--font-display);color:var(--ink);background:linear-gradient(#fef3c7,#fff);border-radius:10px;padding:.5rem}.demo-page.is-styled h1{color:#059669;text-align:center}.demo-page h1{margin:0 0 .3rem;font-size:1.5rem}.demo-page p{margin:0 0 .4rem}.demo-img{width:120px;margin:.3rem auto;display:block}.demo-img-missing{color:#64748b;border:2px dashed #94a3b8;padding:.4rem .6rem;font:.85rem ui-monospace,monospace;display:inline-block}.zoo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.zoo-links{flex-wrap:wrap;gap:.35rem;display:flex}.zoo-cards{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.4rem;display:grid}.zoo-card{border:var(--border);text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-height:6.4rem;padding:.35rem;font-size:.8rem;display:flex}.zoo-card .emoji{font-size:1.8rem;line-height:1.1}.zoo-card b{font:700 1.1rem ui-monospace,monospace;display:block}.zoo-card.is-locked{color:#94a3b8;background:#f1f5f9;border-style:dashed}.zoo-result{text-align:center}.zoo-result .emoji{font-size:3rem}.journey{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.journey-steps{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.journey-steps li{border:2px solid var(--line);background:#fff;border-radius:10px;padding:.3rem .6rem;font-size:.9rem}.journey-steps li.is-now{background:var(--sun-light);border-width:3px}.journey-steps li.is-todo{color:#64748b;border-style:dashed}.journey-steps a{font-size:.8rem}.spy-bubble{font:600 15px ui-monospace,monospace}.broken{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.err-page{text-align:center;padding:.6rem 0}.err-page .emoji{font-size:2.6rem}@media (width<=900px){.peek-grid,.restaurant,.zoo,.journey,.broken{grid-template-columns:1fr}.wf-row{grid-template-columns:9rem minmax(0,1fr) 3.5rem}}.taxi-scene{max-height:250px}
