.DesignDnaPlayground-module__ynkhia__playground{--pg-accent:#0a84ff;--pg-accent-fg:#fff;--pg-bg:#f7f7f8;--pg-surface:#fff;--pg-text:#202124;--pg-muted:#7b7b80;--pg-border:#e5e5e7;--pg-success:#0ca43a;--pg-danger:#ff3b3b;--pg-radius:18px;--pg-form-radius:14px;--pg-font:Inter, ui-sans-serif, system-ui, sans-serif;color:var(--pg-text);font-family:var(--pg-font);padding-bottom:148px}.DesignDnaPlayground-module__ynkhia__playground,.DesignDnaPlayground-module__ynkhia__playground *{box-sizing:border-box}.DesignDnaPlayground-module__ynkhia__playground button,.DesignDnaPlayground-module__ynkhia__playground input,.DesignDnaPlayground-module__ynkhia__playground select{font:inherit}.DesignDnaPlayground-module__ynkhia__viewport{overflow:auto}.DesignDnaPlayground-module__ynkhia__appShell{min-width:1080px;min-height:760px}.DesignDnaPlayground-module__ynkhia__topToolbar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;grid-template-columns:repeat(2,minmax(220px,1fr));align-items:center;width:min(1500px,100vw - 32px);height:76px;padding:0 22px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0f172a1c,0 2px 8px #0f172a0d}.DesignDnaPlayground-module__ynkhia__toolbarGroup{align-items:center;gap:8px;display:flex}.DesignDnaPlayground-module__ynkhia__toolbarGroup:last-child{justify-content:flex-end}.DesignDnaPlayground-module__ynkhia__toolbarLogo{flex:none;width:83px;height:30px;display:inline-flex}.DesignDnaPlayground-module__ynkhia__toolbarLogo img{filter:grayscale()brightness(0);width:83px;height:30px}.DesignDnaPlayground-module__ynkhia__playground[data-mode=dark] .DesignDnaPlayground-module__ynkhia__toolbarLogo img{filter:grayscale()brightness(0)invert()}.DesignDnaPlayground-module__ynkhia__toolbarGroup>button,.DesignDnaPlayground-module__ynkhia__modeToggle button{width:42px;height:42px;color:var(--pg-text);background:color-mix(in srgb, var(--pg-border) 42%, transparent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:inline-flex}.DesignDnaPlayground-module__ynkhia__toolbarGroup>button:hover,.DesignDnaPlayground-module__ynkhia__modeToggle button:hover{background:color-mix(in srgb, var(--pg-border) 74%, transparent)}.DesignDnaPlayground-module__ynkhia__toolbarGroup>button:active,.DesignDnaPlayground-module__ynkhia__modeToggle button:active{transform:scale(.96)}.DesignDnaPlayground-module__ynkhia__toolbarGroup>button:disabled{opacity:.35;cursor:default}.DesignDnaPlayground-module__ynkhia__toolbarGroup>span:not(.DesignDnaPlayground-module__ynkhia__modeToggle){background:var(--pg-border);width:1px;height:28px;margin:0 3px}.DesignDnaPlayground-module__ynkhia__segmented,.DesignDnaPlayground-module__ynkhia__channelControl{background:color-mix(in srgb, var(--pg-border) 68%, transparent);border-radius:999px;align-items:center;padding:4px;display:flex}.DesignDnaPlayground-module__ynkhia__segmented button,.DesignDnaPlayground-module__ynkhia__channelControl button{min-height:40px;color:var(--pg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 20px;transition:background .15s,color .15s,box-shadow .15s,transform .15s}.DesignDnaPlayground-module__ynkhia__segmented .DesignDnaPlayground-module__ynkhia__segmentedActive,.DesignDnaPlayground-module__ynkhia__channelControl .DesignDnaPlayground-module__ynkhia__channelActive{color:var(--pg-text);background:var(--pg-surface);box-shadow:0 2px 7px #00000017}.DesignDnaPlayground-module__ynkhia__modeToggle{background:color-mix(in srgb, var(--pg-border) 48%, transparent);border-radius:999px;padding:3px;display:flex}.DesignDnaPlayground-module__ynkhia__modeToggle button{background:0 0;width:34px;height:34px}.DesignDnaPlayground-module__ynkhia__modeToggle .DesignDnaPlayground-module__ynkhia__modeActive{background:var(--pg-surface);box-shadow:0 1px 4px #00000014}.DesignDnaPlayground-module__ynkhia__previewCanvas{min-height:682px;margin:18px;padding:40px;overflow:hidden}.DesignDnaPlayground-module__ynkhia__componentsGrid{grid-template-columns:minmax(260px,.92fr) minmax(360px,1.18fr) minmax(310px,1fr);align-items:start;gap:38px;display:grid}.DesignDnaPlayground-module__ynkhia__formColumn,.DesignDnaPlayground-module__ynkhia__centerColumn,.DesignDnaPlayground-module__ynkhia__rightColumn{gap:22px;min-width:0;display:grid}.DesignDnaPlayground-module__ynkhia__fieldGroup{gap:8px;display:grid}.DesignDnaPlayground-module__ynkhia__fieldGroup strong{font-size:14px}.DesignDnaPlayground-module__ynkhia__fieldGroup strong span{color:var(--pg-danger)}.DesignDnaPlayground-module__ynkhia__fieldGroup input,.DesignDnaPlayground-module__ynkhia__selectField{border:1px solid var(--pg-border);border-radius:var(--pg-form-radius);background:var(--pg-surface);width:100%;height:48px;color:var(--pg-muted);outline:none;padding:0 16px;box-shadow:0 2px 5px #0000000d}.DesignDnaPlayground-module__ynkhia__selectField{justify-content:space-between;align-items:center;display:flex}.DesignDnaPlayground-module__ynkhia__fieldGroup small{color:var(--pg-muted)}.DesignDnaPlayground-module__ynkhia__microControls{justify-content:space-between;align-items:center;min-height:34px;display:flex}.DesignDnaPlayground-module__ynkhia__checkbox,.DesignDnaPlayground-module__ynkhia__switch{cursor:pointer;border:0}.DesignDnaPlayground-module__ynkhia__checkbox{width:22px;height:22px;color:var(--pg-accent-fg);background:var(--pg-surface);border-radius:7px;place-items:center;padding:0;display:grid;box-shadow:0 1px 4px #0000001f}.DesignDnaPlayground-module__ynkhia__checkbox.DesignDnaPlayground-module__ynkhia__controlActive,.DesignDnaPlayground-module__ynkhia__switchOn,.DesignDnaPlayground-module__ynkhia__selectedRadio span{background:var(--pg-accent)}.DesignDnaPlayground-module__ynkhia__switch{background:var(--pg-border);border-radius:999px;align-items:center;width:48px;height:26px;padding:3px;display:flex}.DesignDnaPlayground-module__ynkhia__switch span{background:var(--pg-surface);border-radius:999px;width:20px;height:20px;transition:transform .16s;box-shadow:0 1px 4px #00000026}.DesignDnaPlayground-module__ynkhia__switchOn span{transform:translate(22px)}.DesignDnaPlayground-module__ynkhia__emptyRadio,.DesignDnaPlayground-module__ynkhia__selectedRadio{background:var(--pg-surface);border-radius:999px;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 1px 4px #0000001a}.DesignDnaPlayground-module__ynkhia__selectedRadio span{border-radius:inherit;width:10px;height:10px}.DesignDnaPlayground-module__ynkhia__spinner{color:var(--pg-accent);animation:.9s linear infinite DesignDnaPlayground-module__ynkhia__spin}@keyframes DesignDnaPlayground-module__ynkhia__spin{to{transform:rotate(360deg)}}.DesignDnaPlayground-module__ynkhia__priceControl{gap:8px;display:grid}.DesignDnaPlayground-module__ynkhia__priceControl>span{justify-content:space-between;font-size:14px;display:flex}.DesignDnaPlayground-module__ynkhia__priceControl input,.DesignDnaPlayground-module__ynkhia__rangeControl input{width:100%;accent-color:var(--pg-accent)}.DesignDnaPlayground-module__ynkhia__channelControl button{flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.DesignDnaPlayground-module__ynkhia__avatarStack{justify-content:center;align-items:center;min-height:56px;display:flex}.DesignDnaPlayground-module__ynkhia__avatarStack i,.DesignDnaPlayground-module__ynkhia__avatarStack span{border:3px solid var(--pg-bg);border-radius:999px;width:46px;height:46px;margin-left:-7px}.DesignDnaPlayground-module__ynkhia__avatarStack i:first-child{background:radial-gradient(circle at 65% 70%,#583cff,#85e7ef 70%)}.DesignDnaPlayground-module__ynkhia__avatarStack i:nth-child(2){background:radial-gradient(circle at 72% 70%,#35b6b2,#b6f49b 70%)}.DesignDnaPlayground-module__ynkhia__avatarStack i:nth-child(3){background:radial-gradient(circle at 70% 72%,#b9007e,#d8a3ff 72%)}.DesignDnaPlayground-module__ynkhia__avatarStack i:nth-child(4){background:radial-gradient(circle at 70% 72%,#f26a19,#ffe1aa 72%)}.DesignDnaPlayground-module__ynkhia__avatarStack i:nth-child(5){background:radial-gradient(circle at 70% 72%,#ef3c25,#ffc8c3 72%)}.DesignDnaPlayground-module__ynkhia__avatarStack span{background:var(--pg-surface);color:var(--pg-muted);place-items:center;font-size:13px;display:grid}.DesignDnaPlayground-module__ynkhia__verifyBlock h3,.DesignDnaPlayground-module__ynkhia__signupCard h3,.DesignDnaPlayground-module__ynkhia__communityCard h3{margin:0;font-size:17px}.DesignDnaPlayground-module__ynkhia__verifyBlock>p,.DesignDnaPlayground-module__ynkhia__signupCard>p,.DesignDnaPlayground-module__ynkhia__communityCard p,.DesignDnaPlayground-module__ynkhia__profileCard p{color:var(--pg-muted);margin:7px 0 0}.DesignDnaPlayground-module__ynkhia__otpRow{align-items:center;gap:8px;margin-top:14px;display:flex}.DesignDnaPlayground-module__ynkhia__otpRow b{background:var(--pg-surface);border-radius:12px;place-items:center;width:46px;height:48px;font-size:20px;display:grid;box-shadow:0 2px 5px #00000012}.DesignDnaPlayground-module__ynkhia__otpRow em{color:var(--pg-border);font-style:normal}.DesignDnaPlayground-module__ynkhia__resend button{color:var(--pg-text);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.DesignDnaPlayground-module__ynkhia__buttonShowcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.DesignDnaPlayground-module__ynkhia__buttonShowcase button,.DesignDnaPlayground-module__ynkhia__getStarted,.DesignDnaPlayground-module__ynkhia__providerButton{border-radius:var(--pg-form-radius);cursor:pointer;border:0;min-height:40px}.DesignDnaPlayground-module__ynkhia__primaryButton,.DesignDnaPlayground-module__ynkhia__getStarted{background:var(--pg-accent);color:var(--pg-accent-fg)}.DesignDnaPlayground-module__ynkhia__secondaryButton{background:color-mix(in srgb, var(--pg-accent) 12%, var(--pg-surface));color:var(--pg-accent)}.DesignDnaPlayground-module__ynkhia__neutralButton{background:color-mix(in srgb, var(--pg-border) 72%, var(--pg-surface));color:var(--pg-text)}.DesignDnaPlayground-module__ynkhia__dangerButton{background:var(--pg-danger);color:#fff}.DesignDnaPlayground-module__ynkhia__dangerSoftButton{background:color-mix(in srgb, var(--pg-danger) 16%, var(--pg-surface));color:var(--pg-danger)}.DesignDnaPlayground-module__ynkhia__textButton{color:var(--pg-text);background:0 0}.DesignDnaPlayground-module__ynkhia__profileCard,.DesignDnaPlayground-module__ynkhia__signupCard,.DesignDnaPlayground-module__ynkhia__communityCard{border:1px solid var(--pg-border);border-radius:var(--pg-radius);background:var(--pg-surface);box-shadow:0 3px 10px #0000000f}.DesignDnaPlayground-module__ynkhia__profileCard{grid-template-columns:auto 1fr;gap:12px;padding:18px;display:grid}.DesignDnaPlayground-module__ynkhia__profileLogo{color:#fff;background:#050505;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.DesignDnaPlayground-module__ynkhia__profileCard strong span{color:#f7b928}.DesignDnaPlayground-module__ynkhia__profileCard p{margin:2px 0 0}.DesignDnaPlayground-module__ynkhia__profileCard .DesignDnaPlayground-module__ynkhia__profileBio,.DesignDnaPlayground-module__ynkhia__profileCard footer{grid-column:1/-1}.DesignDnaPlayground-module__ynkhia__profileCard .DesignDnaPlayground-module__ynkhia__profileBio{color:var(--pg-text);line-height:1.45}.DesignDnaPlayground-module__ynkhia__profileCard footer{color:var(--pg-muted);gap:18px;display:flex}.DesignDnaPlayground-module__ynkhia__profileCard footer b{color:var(--pg-text)}.DesignDnaPlayground-module__ynkhia__signupCard{text-align:center;padding:28px 24px 24px;position:relative}.DesignDnaPlayground-module__ynkhia__closeButton{background:color-mix(in srgb, var(--pg-border) 72%, transparent);width:32px;height:32px;color:var(--pg-muted);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.DesignDnaPlayground-module__ynkhia__userBadge{background:color-mix(in srgb, var(--pg-border) 66%, transparent);border-radius:999px;place-items:center;width:46px;height:46px;margin:0 auto 16px;display:grid}.DesignDnaPlayground-module__ynkhia__signupCard>p{line-height:1.4}.DesignDnaPlayground-module__ynkhia__getStarted{width:100%;margin-top:20px}.DesignDnaPlayground-module__ynkhia__orDivider{color:var(--pg-muted);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.DesignDnaPlayground-module__ynkhia__orDivider span{background:var(--pg-border);flex:1;height:1px}.DesignDnaPlayground-module__ynkhia__providerButton{background:color-mix(in srgb, var(--pg-border) 70%, var(--pg-surface));width:100%;color:var(--pg-text);justify-content:center;align-items:center;gap:9px;margin-top:9px;display:flex}.DesignDnaPlayground-module__ynkhia__providerButton svg{width:18px;height:18px}.DesignDnaPlayground-module__ynkhia__communityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.DesignDnaPlayground-module__ynkhia__communityCard{padding:14px}.DesignDnaPlayground-module__ynkhia__communityThumb{border-radius:calc(var(--pg-radius) * .65);background:linear-gradient(135deg,#82d9e7,#388ecf);place-items:end center;height:70px;display:grid;overflow:hidden}.DesignDnaPlayground-module__ynkhia__communityThumb span{background:#db9130;border-radius:24px 24px 4px 4px;width:42px;height:58px}.DesignDnaPlayground-module__ynkhia__communityWarm{background:linear-gradient(135deg,#f2d7d9,#f8eee7)}.DesignDnaPlayground-module__ynkhia__communityWarm span{background:#23877e;width:15px;height:35px}.DesignDnaPlayground-module__ynkhia__communityCard h3{margin-top:12px;font-size:14px}.DesignDnaPlayground-module__ynkhia__communityCard p{font-size:13px}.DesignDnaPlayground-module__ynkhia__communityCard small{color:var(--pg-muted);align-items:center;gap:7px;margin-top:12px;display:flex}.DesignDnaPlayground-module__ynkhia__communityCard small i{background:linear-gradient(135deg,#58e3e3,#6c65ff);border-radius:999px;width:18px;height:18px}.DesignDnaPlayground-module__ynkhia__communityCard small .DesignDnaPlayground-module__ynkhia__avatarWarm{background:linear-gradient(135deg,#ffb8bd,#ff492f)}.DesignDnaPlayground-module__ynkhia__themeBar{left:50%;bottom:max(0px, env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;grid-template-columns:1.15fr 1.05fr repeat(4,minmax(140px,.9fr)) auto;align-items:end;gap:16px;width:min(1500px,100vw - 32px);min-width:0;min-height:118px;padding:18px 22px;display:grid;position:fixed;overflow-x:auto;transform:translate(-50%);box-shadow:0 18px 50px #0f172a29,0 2px 12px #0f172a14}.DesignDnaPlayground-module__ynkhia__reviewButton{border-radius:var(--pg-form-radius);background:var(--pg-accent);min-width:112px;min-height:46px;color:var(--pg-accent-fg);cursor:pointer;box-shadow:0 5px 14px color-mix(in srgb, var(--pg-accent) 24%, transparent);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:750;transition:transform .15s,box-shadow .15s;display:inline-flex}.DesignDnaPlayground-module__ynkhia__reviewButton strong{background:color-mix(in srgb, var(--pg-accent-fg) 22%, transparent);border-radius:999px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 6px;font-size:11px;display:inline-flex}.DesignDnaPlayground-module__ynkhia__reviewButton:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--pg-accent) 30%, transparent);transform:translateY(-1px)}.DesignDnaPlayground-module__ynkhia__reviewButton:focus-visible{outline:3px solid color-mix(in srgb, var(--pg-accent) 28%, transparent);outline-offset:3px}.DesignDnaPlayground-module__ynkhia__rangeControl,.DesignDnaPlayground-module__ynkhia__themeSelect,.DesignDnaPlayground-module__ynkhia__fontPicker{gap:10px;min-width:155px;display:grid}.DesignDnaPlayground-module__ynkhia__rangeControl>span,.DesignDnaPlayground-module__ynkhia__themeSelect>span,.DesignDnaPlayground-module__ynkhia__fontPicker>span{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.DesignDnaPlayground-module__ynkhia__accentRange,.DesignDnaPlayground-module__ynkhia__baseRange{align-items:center;gap:10px;min-height:46px;display:flex}.DesignDnaPlayground-module__ynkhia__accentRange input{appearance:none;background:linear-gradient(90deg,#f33,#ff0,#0d5,#08f,#b33bff,#f33);border-radius:999px;height:24px}.DesignDnaPlayground-module__ynkhia__accentRange input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;box-shadow:0 0 0 2px var(--pg-accent), 0 2px 6px #0000002e;background:0 0;border:3px solid #fff;border-radius:999px}.DesignDnaPlayground-module__ynkhia__baseRange input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;box-shadow:0 0 0 2px var(--pg-accent), 0 2px 6px #0000002e;background:0 0;border:3px solid #fff;border-radius:999px}.DesignDnaPlayground-module__ynkhia__accentRange i{border:2px solid var(--pg-surface);border-radius:999px;flex:none;width:28px;height:28px;box-shadow:0 1px 4px #0000001f}.DesignDnaPlayground-module__ynkhia__baseRange input{appearance:none;background:linear-gradient(90deg,#4d5055,#d8dadd);border-radius:999px;height:24px}.DesignDnaPlayground-module__ynkhia__baseRange input::-webkit-slider-thumb{box-shadow:0 0 0 2px #a0a4aa,0 2px 6px #0000002e}.DesignDnaPlayground-module__ynkhia__themeSelect>div{border:1px solid var(--pg-border);border-radius:var(--pg-form-radius);background:var(--pg-surface);align-items:center;gap:8px;min-height:46px;padding:0 12px;display:flex;position:relative;box-shadow:0 2px 5px #0000000d}.DesignDnaPlayground-module__ynkhia__themeSelect select{appearance:none;width:100%;color:var(--pg-text);background:0 0;border:0;outline:0}.DesignDnaPlayground-module__ynkhia__themeSelect>div>svg{pointer-events:none;color:var(--pg-muted)}.DesignDnaPlayground-module__ynkhia__fontPickerTrigger{border:1px solid var(--pg-border);border-radius:var(--pg-form-radius);background:var(--pg-surface);width:100%;min-height:46px;color:var(--pg-text);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;display:grid;box-shadow:0 2px 5px #0000000d}.DesignDnaPlayground-module__ynkhia__fontPickerTrigger b{color:var(--pg-muted);font-size:17px}.DesignDnaPlayground-module__ynkhia__fontPickerTrigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.DesignDnaPlayground-module__ynkhia__fontPickerTrigger svg{color:var(--pg-muted);transition:transform .15s}.DesignDnaPlayground-module__ynkhia__fontPickerTrigger[aria-expanded=true] svg{transform:rotate(180deg)}.DesignDnaPlayground-module__ynkhia__fontPickerTrigger:focus-visible{outline:3px solid color-mix(in srgb, var(--pg-accent) 28%, transparent);outline-offset:2px}.DesignDnaPlayground-module__ynkhia__fontPickerPanel{z-index:140;color:#20242c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #dfe2e7;border-radius:24px;grid-template-rows:auto minmax(0,1fr);gap:16px;width:min(460px,100vw - 24px);max-height:min(570px,100vh - 24px);padding:18px;display:grid;position:fixed;overflow:hidden;box-shadow:0 24px 70px #0f172a33,0 4px 16px #0f172a14}.DesignDnaPlayground-module__ynkhia__fontPickerPanel[data-mode=dark]{color:#f6f7f9;background:#1f2228fa;border-color:#3b4049;box-shadow:0 24px 70px #0000007a}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header{justify-content:space-between;align-items:flex-start;gap:18px;min-height:42px;display:flex}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header>div{gap:3px;display:grid}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header strong{font-size:17px}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header span{color:#737b87;font-size:12px}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header button{width:34px;height:34px;color:inherit;cursor:pointer;background:#f0f1f3;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.DesignDnaPlayground-module__ynkhia__fontPickerPanel[data-mode=dark] header button{background:#414650}.DesignDnaPlayground-module__ynkhia__fontPickerGrid{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button{color:#22252b;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e2e6;border-radius:16px;align-content:center;justify-items:start;gap:5px;min-height:104px;padding:14px;transition:border-color .15s,background .15s,transform .15s;display:grid;position:relative}.DesignDnaPlayground-module__ynkhia__fontPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__fontPickerGrid>button{color:#f6f7f9;background:#292d34;border-color:#414650}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button:hover{border-color:color-mix(in srgb, var(--font-picker-accent) 46%, #d9dde4);background:color-mix(in srgb, var(--font-picker-accent) 7%, #fff);transform:translateY(-1px)}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button:focus-visible{outline:3px solid color-mix(in srgb, var(--font-picker-accent) 28%, transparent);outline-offset:1px}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button>span{font-size:28px;line-height:1}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:500;overflow:hidden}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button>svg{background:var(--font-picker-accent);color:#fff;border-radius:999px;padding:3px;position:absolute;top:10px;right:10px}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>.DesignDnaPlayground-module__ynkhia__fontOptionActive{border-color:var(--font-picker-accent);background:color-mix(in srgb, var(--font-picker-accent) 10%, #fff);box-shadow:0 0 0 1px var(--font-picker-accent)}.DesignDnaPlayground-module__ynkhia__fontPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__fontPickerGrid>.DesignDnaPlayground-module__ynkhia__fontOptionActive{background:color-mix(in srgb, var(--font-picker-accent) 18%, #292d34)}@media (max-width:520px){.DesignDnaPlayground-module__ynkhia__fontPickerPanel{border-radius:20px;max-height:min(620px,100vh - 16px);padding:14px}.DesignDnaPlayground-module__ynkhia__fontPickerGrid{grid-template-columns:minmax(0,1fr)}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button{grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:78px}}.DesignDnaPlayground-module__ynkhia__codeOverlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f11148c;justify-content:flex-end;align-items:center;padding:5vh 2vw;display:flex;position:fixed;inset:0}.DesignDnaPlayground-module__ynkhia__codeModal{color:#202124;background:#fff;border-radius:20px;grid-template-rows:66px 1fr;width:min(700px,94vw);height:min(82vh,850px);display:grid;overflow:hidden;box-shadow:0 32px 90px #00000047}.DesignDnaPlayground-module__ynkhia__codeModal header{color:#6f7379;border-bottom:1px solid #ececef;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.DesignDnaPlayground-module__ynkhia__codeModal header>div{gap:6px;display:flex}.DesignDnaPlayground-module__ynkhia__codeModal .DesignDnaPlayground-module__ynkhia__codeModalTitle{align-items:center;gap:12px}.DesignDnaPlayground-module__ynkhia__codeModalTitle a{color:#3971c6;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:700;text-decoration:none}.DesignDnaPlayground-module__ynkhia__codeModalTitle a:hover{background:#eef5ff}.DesignDnaPlayground-module__ynkhia__codeModal header button{color:#868a90;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.DesignDnaPlayground-module__ynkhia__codeModal header button:hover{background:#f2f3f5}.DesignDnaPlayground-module__ynkhia__codeModal pre{margin:0;padding:22px 0 36px;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.DesignDnaPlayground-module__ynkhia__codeModal pre>span{grid-template-columns:58px 1fr;min-width:max-content;padding-right:28px;display:grid}.DesignDnaPlayground-module__ynkhia__codeModal pre i{color:#c1c6cd;text-align:right;-webkit-user-select:none;user-select:none;padding-right:18px;font-style:normal}.DesignDnaPlayground-module__ynkhia__codeModal pre code{color:#175eaf}.DesignDnaPlayground-module__ynkhia__codeModal pre span:nth-child(-n+2) code{color:#737b87}.DesignDnaPlayground-module__ynkhia__playground[data-mode=dark] .DesignDnaPlayground-module__ynkhia__viewport,.DesignDnaPlayground-module__ynkhia__playground[data-mode=dark] .DesignDnaPlayground-module__ynkhia__appShell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:1199px){.DesignDnaPlayground-module__ynkhia__themeBar{grid-template-columns:repeat(6,minmax(170px,1fr)) minmax(120px,.65fr);width:calc(100vw - 24px)}.DesignDnaPlayground-module__ynkhia__topToolbar{width:calc(100vw - 24px)}}@media (max-width:760px){.DesignDnaPlayground-module__ynkhia__appShell{min-width:0}.DesignDnaPlayground-module__ynkhia__topToolbar{grid-template-columns:minmax(0,1fr);gap:8px;width:calc(100vw - 16px);height:auto;padding:10px;top:0}.DesignDnaPlayground-module__ynkhia__toolbarGroup:first-child{grid-area:1/1;justify-content:center}.DesignDnaPlayground-module__ynkhia__toolbarGroup:last-child{grid-area:2/1;justify-content:center}.DesignDnaPlayground-module__ynkhia__previewCanvas{margin:10px;padding:20px}.DesignDnaPlayground-module__ynkhia__componentsGrid{grid-template-columns:minmax(0,1fr);gap:28px}.DesignDnaPlayground-module__ynkhia__themeBar{bottom:max(0px, env(safe-area-inset-bottom));grid-template-columns:repeat(6,minmax(170px,1fr)) minmax(120px,.65fr);width:calc(100vw - 16px);min-height:108px;padding:14px}.DesignDnaPlayground-module__ynkhia__codeOverlay{padding:2vh 3vw}.DesignDnaPlayground-module__ynkhia__codeModal{height:92vh}}@media (prefers-reduced-motion:reduce){.DesignDnaPlayground-module__ynkhia__playground *,.DesignDnaPlayground-module__ynkhia__playground :before,.DesignDnaPlayground-module__ynkhia__playground :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.page-module__NgWyNa__page{min-height:100vh}.page-module__NgWyNa__shell{width:min(100%,1560px);margin:0 auto;padding:108px 56px 80px}.page-module__NgWyNa__explorer .projects-design-dna{margin-bottom:0;padding-left:0}@media (max-width:980px){.page-module__NgWyNa__shell{padding-left:32px;padding-right:32px}}@media (max-width:760px){.page-module__NgWyNa__shell{padding:190px 18px 56px}}