._sMyla_page{--roulette-accent:var(--foreground);max-width:1180px;min-height:clamp(560px,100svh - 280px,680px);margin-inline:auto;padding-block:48px 64px}._sMyla_workspace{grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);gap:0;min-height:540px;padding-block:0;display:grid}._sMyla_setup{flex-direction:column;justify-content:center;min-width:0;padding-block:48px;display:flex}._sMyla_intro{gap:8px;padding-inline:48px}._sMyla_intro h1{max-width:520px;font-size:var(--tool-title-size);letter-spacing:-.045em;text-wrap:balance;line-height:1.08}._sMyla_intro [data-slot=card-description]{max-width:470px;font-size:15px;line-height:1.55}._sMyla_controls{margin-top:32px;padding-inline:48px}._sMyla_fieldGroup{gap:18px}._sMyla_profileInput{min-width:0;height:48px;box-shadow:none}._sMyla_profileNoteRow{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}._sMyla_profileNoteRow [data-slot=field-description]{font-size:12px}._sMyla_sourceButton{flex:none;height:auto;padding:2px 0;font-size:12px}._sMyla_modeOptions,._sMyla_filterOptions{gap:0;width:100%;display:grid}._sMyla_modeOptions{grid-template-columns:repeat(2,minmax(0,1fr))}._sMyla_filterOptions{grid-template-columns:repeat(4,minmax(0,1fr))}._sMyla_modeOptions>*,._sMyla_filterOptions>*{width:100%;min-width:0;height:44px;padding-inline:8px;font-size:12px}._sMyla_pickButton{width:100%;height:48px;margin-top:4px}._sMyla_error{color:var(--negative);font-size:13px}._sMyla_stage{border-left:1px solid var(--border);background:color-mix(in srgb, var(--muted) 34%, var(--card));place-items:center;min-width:0;min-height:540px;display:grid;position:relative;overflow:hidden}._sMyla_readyState{color:var(--foreground);justify-items:center;gap:24px;display:grid}._sMyla_readyState p{letter-spacing:-.025em;font-size:20px;font-weight:650}._sMyla_readyMark{border:1px dashed color-mix(in srgb, var(--muted-foreground) 45%, transparent);width:168px;height:168px;color:var(--muted-foreground);border-radius:50%;place-items:center;display:grid;position:relative}._sMyla_readyMark:before,._sMyla_readyMark:after{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);content:"";border-radius:50%;position:absolute;inset:18px}._sMyla_readyMark:after{background:color-mix(in srgb, var(--background) 64%, transparent);inset:44px}._sMyla_readyMark svg{z-index:1;stroke-width:1.35px;width:44px;height:44px}._sMyla_result{color:#fff;background:#111113;place-items:stretch stretch;animation:.36s ease-out both _sMyla_result-in}._sMyla_resultBackdrop,._sMyla_resultPoster{position:absolute;inset:0}._sMyla_resultBackdrop{filter:blur(18px)brightness(.42)saturate(.85);overflow:hidden;transform:scale(1.08)}._sMyla_resultBackdrop img{object-fit:cover}._sMyla_resultPoster img{object-fit:contain;transition:filter .24s,transform .42s}._sMyla_resultShade{z-index:2;background:linear-gradient(#0000001a 0%,#00000061 42%,#000000e0 100%),linear-gradient(90deg,#00000073 0%,#0000 70%);position:absolute;inset:0}._sMyla_resultFallback{color:#52525b;letter-spacing:-.06em;text-align:center;place-items:center;padding:40px;font-size:clamp(28px,5vw,58px);font-weight:750;display:grid;position:absolute;inset:0}._sMyla_resultContent{z-index:3;min-height:inherit;align-items:flex-end;padding:36px;transition:opacity .18s,transform .26s;display:flex;position:relative}._sMyla_isSpinning ._sMyla_resultBackdrop{filter:blur(18px)brightness(.18)saturate(.55)}._sMyla_isSpinning ._sMyla_resultPoster img{filter:blur(8px)brightness(.25)saturate(.6);transform:scale(1.035)}._sMyla_isSpinning ._sMyla_resultShade{background:#00000070}._sMyla_isSpinning ._sMyla_resultContent{opacity:0;transform:translateY(8px)}._sMyla_spinStatus{z-index:3;text-align:center;background:var(--card);align-content:center;justify-items:center;padding:24px 0;display:grid;position:absolute;inset:0}._sMyla_reel{--card-width:80px;width:min(100%,520px);padding-block:12px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}._sMyla_reelTrack{will-change:transform;width:max-content;animation:1.8s linear infinite _sMyla_roulette-reel;display:flex}._sMyla_reelGroup{gap:12px;padding-right:12px;display:flex}._sMyla_reelCard{width:var(--card-width);border:1px solid var(--border);border-radius:var(--radius-lg);height:96px;color:var(--muted-foreground);background:var(--muted);flex:none;align-content:center;justify-items:center;gap:16px;display:grid}._sMyla_reelCard svg{stroke-width:1.5px;width:24px;height:24px}._sMyla_cardRule{opacity:.3;background:currentColor;border-radius:2px;width:22px;height:2px}._sMyla_reelSelection{inset-block:8px;width:calc(var(--card-width) + 8px);border:1px solid var(--roulette-accent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--roulette-accent) 7%, transparent);position:absolute;left:50%;transform:translate(-50%)}._sMyla_reelSelection:before,._sMyla_reelSelection:after{background:var(--roulette-accent);content:"";width:8px;height:8px;position:absolute;left:calc(50% - 4px);transform:rotate(45deg)}._sMyla_reelSelection:before{top:-5px}._sMyla_reelSelection:after{bottom:-5px}._sMyla_spinDots{animation:1.2s ease-in-out infinite alternate _sMyla_roulette-pulse}._sMyla_spinLabel{color:var(--foreground);letter-spacing:-.015em;margin-top:17px;font-size:16px;font-weight:650}._sMyla_resultCopy{min-width:0}._sMyla_profileName{overflow-wrap:anywhere;color:#d4d4d8;margin-bottom:7px;font-size:12px;font-weight:550}._sMyla_result h2{overflow-wrap:anywhere;letter-spacing:-.03em;max-width:560px;font-size:30px;line-height:1.2}._sMyla_result h2:focus-visible,._sMyla_error:focus-visible{outline:2px solid var(--roulette-accent);outline-offset:5px}._sMyla_resultMeta{color:#d4d4d8;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;font-size:13px;display:flex}._sMyla_resultActions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}._sMyla_resultActions>a{color:#fff;background:#0000003d;border-color:#ffffff42}._sMyla_resultActions>a:hover{background:#ffffff1a;border-color:#ffffff6b}._sMyla_spinner{animation:.85s linear infinite _sMyla_spin}@keyframes _sMyla_spin{to{transform:rotate(360deg)}}@keyframes _sMyla_result-in{0%{opacity:0;transform:translateY(8px)}}@keyframes _sMyla_roulette-reel{to{transform:translate(-50%)}}@keyframes _sMyla_roulette-pulse{0%{opacity:.3}to{opacity:1}}@media (max-width:960px){._sMyla_page{padding-block:32px 48px}._sMyla_workspace{grid-template-columns:1fr}._sMyla_setup{padding-block:40px}._sMyla_stage{border-top:1px solid var(--border);border-left:0;min-height:420px}}@media (max-width:640px){._sMyla_page{min-height:0;padding-block:8px 32px}._sMyla_setup{padding-block:22px 24px}._sMyla_intro,._sMyla_controls{padding-inline:20px}._sMyla_intro h1{font-size:30px}._sMyla_controls{margin-top:22px}._sMyla_fieldGroup{gap:16px}._sMyla_profileNoteRow{align-items:flex-start}._sMyla_filterOptions{grid-template-columns:repeat(2,minmax(0,1fr))}._sMyla_filterOptions>*{height:44px}._sMyla_filterOptions>:nth-child(3){border-top:0;border-left:1px solid var(--input);border-radius:0 0 0 var(--radius-lg)}._sMyla_filterOptions>:nth-child(4){border-radius:0 0 var(--radius-lg) 0;border-top:0}._sMyla_stage{min-height:340px}._sMyla_readyMark{width:132px;height:132px}._sMyla_readyMark:after{inset:34px}._sMyla_resultShade{background:linear-gradient(#0003 0%,#0000008f 36%,#000000eb 100%)}._sMyla_resultContent{padding:20px}._sMyla_result h2{font-size:26px}._sMyla_resultActions>*{flex:auto}}@media (prefers-reduced-motion:reduce){._sMyla_result,._sMyla_spinner,._sMyla_reelTrack,._sMyla_spinDots{animation:none}._sMyla_reelTrack{will-change:auto}._sMyla_resultPoster img,._sMyla_resultContent{transition:none}}
