.DyeLab-module__lhyppa__wrap{gap:var(--sp-5);grid-template-areas:"media""body";margin:0;display:grid}@media (min-width:900px){.DyeLab-module__lhyppa__wrap{align-items:start;gap:var(--sp-7);grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-areas:"media body"}}.DyeLab-module__lhyppa__media{aspect-ratio:16/10;background:#121110;grid-area:media;position:relative;overflow:hidden}.DyeLab-module__lhyppa__poster{object-fit:cover;width:100%;height:100%;display:block}.DyeLab-module__lhyppa__badge{left:var(--sp-3);top:var(--sp-3);padding:2px var(--sp-2);background:var(--ivory);color:var(--ink);font-size:var(--fs-12);pointer-events:none;font-weight:500;position:absolute}.DyeLab-module__lhyppa__body{align-content:start;gap:var(--sp-3);grid-area:body;display:grid}.DyeLab-module__lhyppa__heading{font-size:var(--fs-28)}.DyeLab-module__lhyppa__desc{max-width:44ch;font-size:var(--fs-16);color:var(--ink-2);line-height:1.75}.DyeLab-module__lhyppa__steps{gap:var(--sp-1) var(--sp-2);counter-reset:step;font-size:var(--fs-14);color:var(--ink-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.DyeLab-module__lhyppa__steps li{counter-increment:step}.DyeLab-module__lhyppa__steps li:before{content:counter(step) ". ";color:var(--ink-3);font-variant-numeric:tabular-nums}.DyeLab-module__lhyppa__steps li:not(:last-child):after{content:" →";margin-left:var(--sp-2);color:var(--ink-3)}.DyeLab-module__lhyppa__label{font-size:var(--fs-12);color:var(--ink-3);font-weight:500}.DyeLab-module__lhyppa__actions{justify-items:start;gap:var(--sp-2);margin-top:var(--sp-2);display:grid}.DyeLab-module__lhyppa__open{align-items:baseline;gap:var(--sp-2);min-height:48px;padding:var(--sp-3) var(--sp-5);background:var(--ink);color:var(--ivory);border-radius:var(--radius-btn);font-size:var(--fs-16);transition:background-color var(--dur) var(--ease);font-weight:500;display:inline-flex}.DyeLab-module__lhyppa__open:hover{background:var(--ink-2)}.DyeLab-module__lhyppa__size{font-size:var(--fs-12);color:color-mix(in srgb, var(--ivory) 72%, transparent);font-weight:400}.DyeLab-module__lhyppa__note{font-size:var(--fs-12);color:var(--ink-3);max-width:44ch}.DyeLab-module__lhyppa__fallback{max-width:44ch;margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-left:2px solid var(--line-strong);background:var(--surface-2);font-size:var(--fs-14);color:var(--ink-2)}.DyeLab-module__lhyppa__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ivory);overscroll-behavior:contain;--focus-inner:var(--ivory);--focus-outer:var(--ink);background:#121110;border:0;margin:0;padding:0}.DyeLab-module__lhyppa__dialog[open]{flex-direction:column;display:flex}.DyeLab-module__lhyppa__dialog::backdrop{background:#151412db}@media (min-width:900px){.DyeLab-module__lhyppa__dialog{width:min(1200px,100vw - 48px);height:min(820px,100dvh - 48px);margin:auto}}html:has(.DyeLab-module__lhyppa__dialog[open]){overflow:hidden}.DyeLab-module__lhyppa__dlgHead{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-dark);display:flex}.DyeLab-module__lhyppa__dlgText{gap:2px;min-width:0;display:grid}.DyeLab-module__lhyppa__dlgTitle{font-family:var(--font-heading);font-size:var(--fs-20);margin:0;line-height:1.35}.DyeLab-module__lhyppa__dlgLabel{font-size:var(--fs-12);color:var(--on-dark-2);margin:0}.DyeLab-module__lhyppa__close{min-height:44px;padding:0 var(--sp-4);border:1px solid var(--line-dark);border-radius:var(--radius-btn);color:var(--ivory);font-size:var(--fs-14);white-space:nowrap;background:0 0;flex:none;align-items:center;gap:6px;display:inline-flex}.DyeLab-module__lhyppa__close:hover{border-color:var(--on-dark-2)}.DyeLab-module__lhyppa__dlgStage{background:#121110;flex:1;min-height:0;position:relative}.DyeLab-module__lhyppa__frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.DyeLab-module__lhyppa__dlgFoot{justify-content:space-between;align-items:center;gap:var(--sp-1) var(--sp-4);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--line-dark);flex-wrap:wrap;display:flex}.DyeLab-module__lhyppa__dlgNote{font-size:var(--fs-12);color:var(--on-dark-2);margin:0}.DyeLab-module__lhyppa__dlgLinks{align-items:center;gap:var(--sp-1) var(--sp-4);flex-wrap:wrap;display:flex}.DyeLab-module__lhyppa__linkList{gap:var(--sp-1) var(--sp-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.DyeLab-module__lhyppa__link,.DyeLab-module__lhyppa__back{min-height:44px;color:var(--ivory);font-size:var(--fs-14);text-underline-offset:3px;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}
