@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:block;src:url(/fonts/inter-400.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:block;src:url(/fonts/inter-500.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:block;src:url(/fonts/inter-700.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{color:#18181b;background:#f4f4f5;min-height:100dvh;margin:0}@media (prefers-color-scheme:dark){body{color:#f4f4f5;background:#18181b}}#app{display:contents}.topbar{border-bottom:1px solid #80808040;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:relative}.topbar .title{font-weight:700}.topbar a,.list a{color:inherit}.topbar button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #80808066;border-radius:6px;padding:.15rem .6rem}.muted{opacity:.6;font-size:.875rem}.history{background:inherit;z-index:10;background:#fff;border:1px solid #80808059;border-radius:8px;flex-direction:column;gap:.35rem;max-height:60vh;padding:.75rem 1rem;display:flex;position:absolute;top:100%;right:1.25rem;overflow:auto}@media (prefers-color-scheme:dark){.history{background:#27272a}}.history.hidden{display:none}.topbar select{font:inherit;color:inherit;background:0 0;border:1px solid #80808066;border-radius:6px;max-width:12rem;padding:.15rem .4rem}.viewer-body{height:calc(100dvh - 3.2rem);display:flex}.stage{flex:1;place-items:center;min-width:0;display:grid;overflow:hidden}.device{transform-origin:50%;-webkit-user-select:none;user-select:none;border-radius:4px;flex:none;position:relative;overflow:hidden;box-shadow:0 8px 40px #0000002e}.layer{position:absolute;inset:0}.overlay-backdrop{background:#0006;position:absolute;inset:0}.overlay-sheet{position:absolute}.overlay-sheet.pos-center{top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-sheet.pos-bottom{bottom:0;left:50%;transform:translate(-50%)}.overlay-sheet.pos-top{top:0;left:50%;transform:translate(-50%)}[data-interactive]:active{opacity:.8!important}.debug-boxes{pointer-events:none;z-index:40;position:absolute;inset:0}.debug-box{outline:1px solid #ec4899bf;position:absolute}.debug-paint{outline:1px dashed #3b82f6a6;position:absolute}.debug-rid{color:#fff;white-space:nowrap;background:#ec4899d9;padding:1px 2px;font-size:8px;line-height:1;position:absolute;top:0;left:0}.debug-panel{border-left:1px solid #80808040;flex:none;width:20rem;padding:.75rem 1rem;font-size:.78rem;line-height:1.45;overflow:auto}.debug-panel.hidden{display:none}.debug-panel h3{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:.6rem 0 .25rem;font-size:.72rem}.debug-log-entry{border-left:2px solid #80808059;margin-bottom:.45rem;padding-left:.5rem}.list{flex-direction:column;gap:.75rem;max-width:40rem;margin:2rem auto;padding:0 1.25rem;display:flex}.card{background:#fff;border:1px solid #8080804d;border-radius:10px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;display:flex}@media (prefers-color-scheme:dark){.card{background:#27272a}}.error{border:1px solid #dc2626;border-radius:8px;max-width:30rem;margin:3rem auto;padding:1rem 1.25rem}