.hiw-portrait{isolation:isolate;background:#f3ede4;box-shadow:0 0 0 1px #2b23330f,0 40px 80px -40px #2b233373}.hiw-portrait-edge{z-index:6;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c}.hiw-scan{inset-inline:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#0000,#fff 18%,#e3bb7c 50%,#fff 82%,#0000);height:2px;position:absolute;bottom:-1px;box-shadow:0 0 18px 2px #e3bb7c8c}.hiw-lens{z-index:5;opacity:0;pointer-events:none;width:176px;height:176px;transition:opacity .28s var(--ease-out);will-change:transform, opacity;border-radius:999px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 2px #ffffffe6,0 18px 40px -14px #2b23338c}.hiw-lens[data-on=true]{opacity:1}.hiw-lens-inner{opacity:0;transition:opacity .24s var(--ease-out);position:absolute;top:0;left:0}.hiw-lens[data-mode=photo] .hiw-lens-inner[data-show=photo],.hiw-lens[data-mode=sketch] .hiw-lens-inner[data-show=sketch]{opacity:1}.hiw-swipe{scrollbar-width:none}.hiw-swipe::-webkit-scrollbar{display:none}.hiw-tint{pointer-events:none;position:absolute;inset:0}.hiw-tint-ballroom{mix-blend-mode:soft-light;background:linear-gradient(#e3bb7c1f,#d6a85f14)}.hiw-tint-barn{mix-blend-mode:multiply;background:radial-gradient(90% 70% at 70% 20%,#ffd6968c,#0000 70%),linear-gradient(#a06e3c47,#78502838)}.hiw-tint-loft{mix-blend-mode:multiply;background:radial-gradient(80% 60% at 20% 15%,#7cc3c738,#0000 70%),linear-gradient(#5b3a7073,#221b2959)}.hiw-weave{inset-block:0;z-index:3;opacity:0;pointer-events:none;filter:drop-shadow(0 0 16px #2b23332e);background:repeating-linear-gradient(90deg,#ffffff2e 0 2px,#0000 2px 5px),repeating-linear-gradient(0deg,#5b3a701a 0 1px,#0000 1px 4px),linear-gradient(90deg,#0000,#f5ede5 42%,#ece1d5 58%,#0000);width:34%;position:absolute;left:0}.hiw-range{--fill:0%;appearance:none;cursor:pointer;background:0 0;height:2.75rem;margin-block:-.375rem -.625rem}.hiw-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--color-plum) var(--fill), var(--color-paper-rule) var(--fill));border-radius:999px;height:6px}.hiw-range::-moz-range-track{background:linear-gradient(90deg, var(--color-plum) var(--fill), var(--color-paper-rule) var(--fill));border-radius:999px;height:6px}.hiw-range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;transition:transform .18s var(--ease-out);background:#fff;border-radius:999px;margin-top:-8px;box-shadow:0 0 0 1px #2b23331f,0 4px 10px -2px #2b233359}.hiw-range::-moz-range-thumb{background:#fff;border:0;border-radius:999px;width:22px;height:22px;box-shadow:0 0 0 1px #2b23331f,0 4px 10px -2px #2b233359}.hiw-range:active::-webkit-slider-thumb{transform:scale(1.12)}.hiw-range:focus-visible{outline:none}.hiw-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-plum)}.hiw-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-plum)}.hiw-face{aspect-ratio:1;max-height:21rem}@media (min-width:768px){.hiw-face{aspect-ratio:4/5;max-height:none}}@media (min-width:768px) and (max-height:800px){.hiw-face{aspect-ratio:4/3}}@media (min-width:1280px){.hiw-face{aspect-ratio:auto;flex:1 1 0;min-height:17.5rem}.hiw-preview{min-height:25rem}}@media (min-width:768px) and (max-height:620px){.hiw-beside{position:static}}@media (max-width:767px) and (min-height:600px){.hiw-preview{z-index:10;position:sticky;top:4.5rem;box-shadow:0 0 0 1px #2b23330f,0 18px 30px -20px #2b233380}}.hiw-thread{display:none}@media (min-width:768px){.hiw-thread{background:radial-gradient(circle, color-mix(in srgb, var(--color-paper-ink) 26%, transparent) 1.4px, transparent 1.6px) 50% 0 / 3px 7px repeat-y;flex:auto;width:3px;min-height:17px;margin:.5rem auto;display:block}}.hiw-bar{transform:scaleY(var(--rest,.5));transform-origin:50%;transition:transform .32s var(--ease-out)}@keyframes hiw-voice{0%,to{transform:scaleY(calc(var(--rest,.5) * .42))}50%{transform:scaleY(var(--rest,.5))}}.hiw-voice[data-live=true] .hiw-bar{background:color-mix(in srgb, var(--color-plum) 62%, transparent);animation:hiw-voice var(--pace,1s) ease-in-out infinite;animation-delay:calc(var(--i) * -.11s)}.hiw-node{box-shadow:0 0 #5b3a7000}.hiw-node.is-on{transform:translateY(-2px);box-shadow:0 0 0 3px #5b3a701a,0 18px 34px -20px #2b233373}.hiw-canvas.is-idle .hiw-flow{animation-play-state:paused}.hiw-token{z-index:5;white-space:nowrap;will-change:transform, opacity;background:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .75rem .25rem .25rem;box-shadow:0 0 0 1px #2b233314,0 10px 24px -10px #2b233373}@media (min-width:640px){.hiw-rule-grid{grid-template-columns:minmax(0,1fr) repeat(3,5.75rem)}}@media (min-width:1280px){.hiw-rule-grid{grid-template-columns:minmax(0,1fr) repeat(3,7.5rem)}}.hiw-rule-mark{transition:transform .42s var(--ease-out);will-change:transform}.hiw-rule-dot{transition:transform .2s var(--ease-out), border-color .2s var(--ease-out), opacity .2s var(--ease-out)}@media (hover:hover){.hiw-rule-slot:not(:has(:disabled)):hover .hiw-rule-dot{border-color:color-mix(in srgb, var(--color-plum) 70%, transparent);transform:scale(1.7)}}.hiw-switch{background:var(--color-paper-rule);width:2.5rem;height:1.375rem;transition:background-color .28s var(--ease-out);border-radius:999px;flex-shrink:0;display:inline-block;position:relative}.hiw-switch:after{content:"";width:1rem;height:1rem;transition:transform .32s var(--ease-out);background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #2b233359}.hiw-switch[data-on=true]{background:var(--color-signal-deep)}.hiw-switch[data-on=true]:after{transform:translate(1.125rem)}.hiw-sweep{inset-block:0;pointer-events:none;background:linear-gradient(90deg,#0000,#e3bb7c59 45%,#fff9 50%,#e3bb7c59 55%,#0000);width:60%;position:absolute;left:0;transform:translate(-110%)}@keyframes hiw-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hiw-in{animation:hiw-in .42s var(--ease-out) both}.hiw-tick,.hiw-tick-week{background:color-mix(in srgb, var(--color-paper-ink) 22%, transparent);width:1px;display:block}.hiw-tick{height:8px;margin-top:16px}.hiw-tick-week{background:color-mix(in srgb, var(--color-paper-ink) 45%, transparent);height:22px;margin-top:2px}.hiw-chip{opacity:.55;transition:opacity .36s var(--ease-out), transform .36s var(--ease-out)}.hiw-chip[data-done=true]{opacity:1}.hiw-chip-check{color:#0000;background:var(--color-paper-rule);transition:background-color .3s var(--ease-out), color .3s var(--ease-out)}.hiw-chip[data-done=true] .hiw-chip-check{color:#fff;background:var(--color-signal-deep)}.hiw-live{background:var(--color-champagne-deep);color:var(--color-paper-ink);transition:background-color .42s var(--ease-out), color .42s var(--ease-out), transform .42s var(--ease-out);transform:translateY(6px)}.hiw-live[data-done=true]{background:var(--color-paper-ink);color:var(--color-champagne);transform:none}@media (prefers-reduced-motion:reduce){.hiw-in,.hiw-voice[data-live=true] .hiw-bar{animation:none}.hiw-bar,.hiw-rule-mark,.hiw-rule-dot{transition:none}.hiw-chip,.hiw-live{opacity:1;transform:none}}