.viz{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:0;overflow:hidden}.viz-scene{-webkit-user-select:none;user-select:none;background:#e9e6e0;width:100%;position:relative}.viz-bg{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.viz-win{perspective:600px;position:absolute;overflow:hidden}.viz-photo{object-fit:fill;z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viz.photo-on .viz-win{visibility:hidden}.viz-photo-bar{z-index:2;pointer-events:none;background-color:#e8e8e4;background-image:linear-gradient(#ffffff59,#0000002e);border-radius:1px;height:1.3%;position:absolute;box-shadow:0 2px 3px #00000040}.viz-tag{color:#fff;letter-spacing:-.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--dur),transform var(--dur) var(--ease-out);background:#1a1917db;border-radius:0;max-width:calc(100% - 20px);padding:.45rem .85rem;font:600 .95rem/1.2 Libre Franklin,system-ui,sans-serif;position:absolute;bottom:10px;left:10px}.viz-tag.peek{background:var(--red);transform:translateY(-2px)}.viz-tag:empty{opacity:0}.viz-ctl{border-top:1px solid var(--line);background:var(--cream);padding:10px 14px 8px}.viz-ctl label{align-items:center;gap:10px;margin:4px 0;font-size:.8rem;font-weight:500;display:flex}.viz-ctl label span{min-width:88px;color:var(--muted)}.viz-ctl input[type=range]{accent-color:var(--red);flex:1;min-width:0}.viz-ctl label b{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:.78rem}.viz-ctl p{margin:6px 0 0;font-size:.72rem}.vz-rail{z-index:3;background-size:var(--vz-tex,26px) var(--vz-tex,26px);background-position:50%;background-repeat:repeat;border-radius:1px;height:4.5%;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 4px #00000040}.vz-fab{background-size:var(--vz-tex,26px) var(--vz-tex,26px);background-position:50%;background-repeat:repeat;transition:bottom .12s linear;position:absolute;top:4%;left:0;right:0;box-shadow:inset 0 0 15px #0000000f,2px 2px 8px #0000001f}.vz-fab.sheer{opacity:.78;box-shadow:inset 0 0 60px #ffffff2e}.vz-fab:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f,#0000 25% 80%,#00000014);position:absolute;inset:0}.vz-bar{z-index:2;background:#f4f4f4;border-radius:1px;height:2.5%;transition:bottom .12s linear;position:absolute;left:0;right:0;box-shadow:0 -1px 3px #0003}.vz-bar-roll{background:repeating-linear-gradient(90deg,#0003 0 1px,#0000 1px 7px),linear-gradient(#b9833f 0 10%,#e7bd7c 38%,#d8a862 62%,#9c6a2f 100%);border-radius:2px;height:3.6%}.vz-chain{z-index:4;opacity:.95;background:repeating-linear-gradient(#f2f3f4 0 2px,#9aa0a4 2px 3px,#cfd3d6 3px 5px);border-radius:2px;width:3px;height:70%;position:absolute;top:4%;box-shadow:0 1px 2px #00000059}.vz-zebra{mix-blend-mode:screen;pointer-events:none;background:repeating-linear-gradient(#ffffff8c 0 5.5%,#0000 5.5% 11%);position:absolute;inset:0}.vz-slats{transform-style:preserve-3d;position:absolute;inset:4.5% 0 0}.vz-slat{transform-origin:50%;background-size:100% 3000%;border-radius:1px;transition:transform .1s;position:absolute;left:0;right:0;box-shadow:0 2px 4px #0000002e}.vz-cells{background-size:100% 6.5%;transition:bottom .12s linear;position:absolute;top:4%;left:0;right:0}.vz-louvres{perspective:500px;display:flex;position:absolute;inset:0}.vz-louvre{transform-origin:50%;background-size:var(--vz-tex,26px) var(--vz-tex,26px);background-position:50%;background-repeat:repeat;flex:1;margin:0 1px;transition:transform .1s;box-shadow:2px 0 4px #00000026}.viz-remote{z-index:5;filter:drop-shadow(0 6px 10px #00000059);border-radius:0;width:34%;height:auto;position:absolute;bottom:2%;left:2%}.viz-strips{border-top:1px solid var(--line);background:#fff;padding:8px 12px 2px}.viz-strip{margin:4px 0 6px}.viz-strip-l{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.viz-strip-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:2px 2px 4px;display:flex;overflow-x:auto}.viz-strip-row::-webkit-scrollbar{display:none}.viz-strip-h{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.viz-strip-h .viz-strip-l{margin-bottom:4px}.viz-strip-n{border:1px solid var(--ink);min-height:44px;font-family:var(--grot);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;flex:none;align-items:center;gap:4px;margin:0;padding:0 12px;font-size:.66rem;font-weight:700;line-height:1;display:inline-flex}.viz-strip-n:hover{background:var(--ink);color:#fff}.viz-strip-n b{margin-left:2px;font-size:1.1rem}.viz-strip-h{align-items:center}@media (width<=379px){.viz-strip-w{display:none}}.viz-oos{color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#b23a3af0;border-radius:0;padding:.45rem .7rem;font-size:.78rem;font-weight:600;position:absolute;top:10px;left:10px;right:10px}.viz-oos b{font-weight:700}.viz-pick{background:#fff;gap:2px;margin:0;padding:8px 12px 10px;font-size:.84rem;line-height:1.35;display:grid}.viz-pick .vp-in{color:var(--emerald-dark,#145c45)}.viz-pick .vp-out{color:var(--danger,#b23a3a)}.viz-sw{cursor:pointer;width:40px;height:40px;transition:transform var(--dur) var(--ease-spring),border-color var(--dur);background:#fff;border:2px solid #0000;border-radius:0;flex:none;padding:0;overflow:hidden}.viz-sw img,.viz-sw i{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.viz-sw:hover{transform:translateY(-2px)}.viz-sw.sel{border-color:#33312e}.viz-sw.oos{opacity:.5}.viz-sw.sel:before{content:"";z-index:1;pointer-events:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141311' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") 50%/12px no-repeat;border-radius:50%;width:18px;height:18px;position:absolute;bottom:2px;right:2px;box-shadow:0 1px 3px #0000004d}.viz-sw.oos:after{content:"";opacity:.9;pointer-events:none;background:linear-gradient(135deg,#0000 46%,#fff 46% 54%,#0000 54%);border-radius:0;position:absolute;inset:5px}@media (width<=799px){.viz-sw{width:52px;height:52px}.viz-strip-l{color:var(--ink);letter-spacing:.06em;font-size:.8rem}}.viz a.viz-own{box-sizing:border-box;background:var(--ink);color:#fff;border:1px solid var(--ink);width:100%;min-height:48px;font-family:var(--grot);letter-spacing:.12em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:10px;margin:10px 0 4px;padding:.7rem 1rem;font-size:.78rem;font-weight:700;text-decoration:none;display:flex}.viz a.viz-own:hover{background:#4a4743;border-color:#4a4743}.viz-sw{font:inherit;position:relative}.viz-sw-n{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;font:inherit;position:absolute;overflow:hidden}.viz-opts{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 2px;display:flex}.viz-opts .viz-strip-l{margin:0 4px 0 0}.viz-seg{position:relative}.viz-seg input{opacity:0;position:absolute;inset:0}.viz-seg span{border:1.5px solid var(--line);cursor:pointer;transition:border-color var(--dur),background var(--dur);background:#fff;border-radius:0;padding:.35rem .7rem;font-size:.78rem;display:inline-block}.viz-seg input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.viz-seg input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.vz-crank{z-index:4;pointer-events:none;width:3.2%;height:62%;position:absolute;top:4.5%}.vz-crank i{background:linear-gradient(90deg,#d8d8d8,#fff 45%,#c6c6c6);border-radius:2px;width:24%;position:absolute;top:0;bottom:14%;left:38%;box-shadow:0 1px 3px #00000047}.vz-crank b{background:linear-gradient(#fff,#cfcfcf);border-radius:999px;width:76%;height:14%;position:absolute;bottom:0;left:12%;box-shadow:0 2px 4px #0000004d}.vz-rope{z-index:4;pointer-events:none;width:3.4%;height:74%;position:absolute;top:3%}.vz-rope i{background:repeating-linear-gradient(62deg,#e0bd85 0 1px,#b68c4e 1px 1.5px,#f0d9ab 1.5px 3px);border-radius:999px;width:13%;position:absolute;top:0;bottom:11%;box-shadow:0 1px 2px #0000004d}.vz-rope i:first-child{left:28%}.vz-rope i+i{left:56%}.vz-rope b{background:linear-gradient(#c6a05c,#8a6a34);border-radius:2px;width:60%;height:10%;position:absolute;bottom:0;left:20%;box-shadow:0 2px 4px #00000059}