.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__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__productWorkspace{width:min(1180px,100%);color:var(--pg-text);gap:16px;margin:0 auto;display:grid}.DesignDnaPlayground-module__ynkhia__workspaceHeader{justify-content:space-between;align-items:flex-end;gap:28px;padding:6px 2px 2px;display:flex}.DesignDnaPlayground-module__ynkhia__workspaceEyebrow{color:var(--pg-accent);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.DesignDnaPlayground-module__ynkhia__workspaceHeader h2{letter-spacing:-.045em;margin:7px 0 3px;font-size:clamp(28px,3vw,42px);line-height:1}.DesignDnaPlayground-module__ynkhia__workspaceHeader p,.DesignDnaPlayground-module__ynkhia__changePanel header p,.DesignDnaPlayground-module__ynkhia__readinessPanel header p{color:var(--pg-muted);margin:0;font-size:13px}.DesignDnaPlayground-module__ynkhia__workspaceActions{align-items:center;gap:8px;display:flex}.DesignDnaPlayground-module__ynkhia__workspaceActions button,.DesignDnaPlayground-module__ynkhia__changePanel header button{border:1px solid var(--pg-border);border-radius:var(--pg-form-radius);min-height:38px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.DesignDnaPlayground-module__ynkhia__filterButton{background:var(--pg-surface);color:var(--pg-text)}.DesignDnaPlayground-module__ynkhia__workspaceActions .DesignDnaPlayground-module__ynkhia__createReviewButton{border-color:var(--pg-accent);background:var(--pg-accent);color:var(--pg-accent-fg)}.DesignDnaPlayground-module__ynkhia__workspaceTabs{border-bottom:1px solid var(--pg-border);align-items:stretch;gap:24px;min-height:48px;padding:0 4px;display:flex}.DesignDnaPlayground-module__ynkhia__workspaceTabs button{color:var(--pg-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0 2px;font-size:12px;font-weight:700;display:flex;position:relative}.DesignDnaPlayground-module__ynkhia__workspaceTabs button span{background:color-mix(in srgb, var(--pg-border) 62%, transparent);border-radius:6px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;display:grid}.DesignDnaPlayground-module__ynkhia__workspaceTabs .DesignDnaPlayground-module__ynkhia__workspaceTabActive{color:var(--pg-text)}.DesignDnaPlayground-module__ynkhia__workspaceTabs .DesignDnaPlayground-module__ynkhia__workspaceTabActive:after{background:var(--pg-accent);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.DesignDnaPlayground-module__ynkhia__workspaceTabs .DesignDnaPlayground-module__ynkhia__workspaceMore{margin-left:auto}.DesignDnaPlayground-module__ynkhia__metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.DesignDnaPlayground-module__ynkhia__metricCard{border:1px solid var(--pg-border);border-radius:var(--pg-radius);background:var(--pg-surface);grid-template-columns:1fr auto;align-items:center;gap:7px 14px;min-width:0;min-height:112px;padding:15px 17px;display:grid}.DesignDnaPlayground-module__ynkhia__metricCard>span,.DesignDnaPlayground-module__ynkhia__deliveryPanel>header span{color:var(--pg-muted);letter-spacing:.02em;font-size:11px;font-weight:700}.DesignDnaPlayground-module__ynkhia__metricCard strong{letter-spacing:-.04em;grid-column:1;font-size:27px;line-height:1}.DesignDnaPlayground-module__ynkhia__metricCard small,.DesignDnaPlayground-module__ynkhia__deliveryTarget small,.DesignDnaPlayground-module__ynkhia__guardrailControl small,.DesignDnaPlayground-module__ynkhia__deliveryNote,.DesignDnaPlayground-module__ynkhia__changeRow small{color:var(--pg-muted);font-size:10px}.DesignDnaPlayground-module__ynkhia__metricCard>small{grid-column:1}.DesignDnaPlayground-module__ynkhia__metricBar{background:color-mix(in srgb, var(--pg-border) 70%, transparent);border-radius:99px;grid-area:2/2;width:86px;height:5px;overflow:hidden}.DesignDnaPlayground-module__ynkhia__metricBar i{border-radius:inherit;background:var(--pg-accent);width:82%;height:100%;display:block}.DesignDnaPlayground-module__ynkhia__metricAvatars{grid-area:2/2;display:flex}.DesignDnaPlayground-module__ynkhia__metricAvatars i,.DesignDnaPlayground-module__ynkhia__reviewerStack i{border:2px solid var(--pg-surface);background:color-mix(in srgb, var(--pg-accent) 16%, var(--pg-surface));width:29px;height:29px;color:var(--pg-text);border-radius:10px;place-items:center;margin-left:-7px;font-size:8px;font-style:normal;font-weight:800;display:grid}.DesignDnaPlayground-module__ynkhia__metricAvatars i:first-child,.DesignDnaPlayground-module__ynkhia__reviewerStack i:first-child{margin-left:0}.DesignDnaPlayground-module__ynkhia__riskSignal{grid-area:2/2;align-items:flex-end;gap:3px;display:flex}.DesignDnaPlayground-module__ynkhia__riskSignal i{background:var(--pg-success);border-radius:2px;width:6px;display:block}.DesignDnaPlayground-module__ynkhia__riskSignal i:first-child{height:8px}.DesignDnaPlayground-module__ynkhia__riskSignal i:nth-child(2){height:13px}.DesignDnaPlayground-module__ynkhia__riskSignal i:nth-child(3){height:19px}.DesignDnaPlayground-module__ynkhia__riskSignal i:nth-child(4){background:color-mix(in srgb, var(--pg-border) 70%, transparent);height:25px}.DesignDnaPlayground-module__ynkhia__workspaceBody{grid-template-columns:minmax(0,1.45fr) minmax(270px,.72fr);gap:10px;display:grid}.DesignDnaPlayground-module__ynkhia__readinessPanel,.DesignDnaPlayground-module__ynkhia__deliveryPanel,.DesignDnaPlayground-module__ynkhia__changePanel{border:1px solid var(--pg-border);border-radius:var(--pg-radius);background:var(--pg-surface);min-width:0}.DesignDnaPlayground-module__ynkhia__readinessPanel{padding:18px}.DesignDnaPlayground-module__ynkhia__readinessPanel>header,.DesignDnaPlayground-module__ynkhia__changePanel>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.DesignDnaPlayground-module__ynkhia__readinessPanel>header>div{align-items:center;gap:10px;display:flex}.DesignDnaPlayground-module__ynkhia__panelIcon,.DesignDnaPlayground-module__ynkhia__deliveryMark{background:color-mix(in srgb, var(--pg-accent) 13%, var(--pg-surface));width:36px;height:36px;color:var(--pg-accent);border-radius:11px;flex:none;place-items:center;display:grid}.DesignDnaPlayground-module__ynkhia__readinessPanel h3,.DesignDnaPlayground-module__ynkhia__changePanel h3{margin:0 0 2px;font-size:14px}.DesignDnaPlayground-module__ynkhia__readyBadge,.DesignDnaPlayground-module__ynkhia__changeReady,.DesignDnaPlayground-module__ynkhia__changeReview{white-space:nowrap;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800}.DesignDnaPlayground-module__ynkhia__readyBadge,.DesignDnaPlayground-module__ynkhia__changeReady{background:color-mix(in srgb, var(--pg-success) 13%, var(--pg-surface));color:var(--pg-success)}.DesignDnaPlayground-module__ynkhia__changeReview{background:color-mix(in srgb, var(--pg-danger) 11%, var(--pg-surface));color:var(--pg-danger)}.DesignDnaPlayground-module__ynkhia__readinessList{border-top:1px solid var(--pg-border);margin-top:15px}.DesignDnaPlayground-module__ynkhia__readinessList>div{border-bottom:1px solid color-mix(in srgb, var(--pg-border) 70%, transparent);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:59px;display:grid}.DesignDnaPlayground-module__ynkhia__readinessList>div:last-child{border-bottom:0}.DesignDnaPlayground-module__ynkhia__readinessList svg{color:var(--pg-success)}.DesignDnaPlayground-module__ynkhia__readinessList span{gap:2px;min-width:0;display:grid}.DesignDnaPlayground-module__ynkhia__readinessList strong,.DesignDnaPlayground-module__ynkhia__readinessList b{font-size:11px}.DesignDnaPlayground-module__ynkhia__readinessList small{color:var(--pg-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.DesignDnaPlayground-module__ynkhia__readinessList b{color:var(--pg-success)}.DesignDnaPlayground-module__ynkhia__deliveryPanel{padding:18px;position:relative;overflow:hidden}.DesignDnaPlayground-module__ynkhia__deliveryPanel:before{background:linear-gradient(90deg, var(--pg-accent), color-mix(in srgb, var(--pg-accent) 12%, transparent));content:"";height:3px;position:absolute;top:0;left:0;right:0}.DesignDnaPlayground-module__ynkhia__deliveryPanel>header{justify-content:space-between;align-items:center;display:flex}.DesignDnaPlayground-module__ynkhia__deliveryTarget{align-items:center;gap:10px;margin:13px 0;display:flex}.DesignDnaPlayground-module__ynkhia__deliveryTarget>div,.DesignDnaPlayground-module__ynkhia__guardrailControl>span{gap:2px;display:grid}.DesignDnaPlayground-module__ynkhia__deliveryTarget strong,.DesignDnaPlayground-module__ynkhia__guardrailControl strong{font-size:12px}.DesignDnaPlayground-module__ynkhia__environmentControl{border:1px solid var(--pg-border);border-radius:calc(var(--pg-form-radius) * .72);grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.DesignDnaPlayground-module__ynkhia__environmentControl button{border-radius:calc(var(--pg-form-radius) * .55);min-height:31px;color:var(--pg-muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:750}.DesignDnaPlayground-module__ynkhia__environmentControl .DesignDnaPlayground-module__ynkhia__environmentActive{background:color-mix(in srgb, var(--pg-border) 48%, transparent);color:var(--pg-text)}.DesignDnaPlayground-module__ynkhia__guardrailControl{border:0;border-bottom:1px solid var(--pg-border);width:100%;color:var(--pg-text);font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.DesignDnaPlayground-module__ynkhia__guardrailControl>i{background:var(--pg-border);border-radius:99px;width:31px;height:18px;padding:2px;transition:background .16s;display:flex}.DesignDnaPlayground-module__ynkhia__guardrailControl>i span{background:var(--pg-surface);border-radius:50%;width:14px;height:14px;transition:transform .16s;box-shadow:0 1px 4px #00000029}.DesignDnaPlayground-module__ynkhia__guardrailControl>.DesignDnaPlayground-module__ynkhia__guardrailOn{background:var(--pg-accent)}.DesignDnaPlayground-module__ynkhia__guardrailControl>.DesignDnaPlayground-module__ynkhia__guardrailOn span{transform:translate(13px)}.DesignDnaPlayground-module__ynkhia__promoteButton{border-radius:var(--pg-form-radius);background:var(--pg-text);width:100%;min-height:38px;color:var(--pg-bg);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;margin-top:13px;font-size:11px;font-weight:800;display:flex}.DesignDnaPlayground-module__ynkhia__deliveryNote{text-align:center;margin-top:7px;display:block}.DesignDnaPlayground-module__ynkhia__changePanel{overflow:hidden}.DesignDnaPlayground-module__ynkhia__changePanel>header{border-bottom:1px solid var(--pg-border);padding:15px 18px}.DesignDnaPlayground-module__ynkhia__changePanel header button{min-height:31px;color:var(--pg-accent);background:0 0;border:0;padding:0}.DesignDnaPlayground-module__ynkhia__changeTableHead,.DesignDnaPlayground-module__ynkhia__changeRow{grid-template-columns:minmax(210px,1.1fr) minmax(190px,1fr) 78px;align-items:center;gap:16px;display:grid}.DesignDnaPlayground-module__ynkhia__changeTableHead{background:color-mix(in srgb, var(--pg-border) 22%, transparent);min-height:31px;color:var(--pg-muted);letter-spacing:.08em;text-transform:uppercase;padding:0 18px;font-size:9px;font-weight:800}.DesignDnaPlayground-module__ynkhia__changeRow{border-top:1px solid color-mix(in srgb, var(--pg-border) 62%, transparent);min-height:53px;padding:0 18px;font-size:11px}.DesignDnaPlayground-module__ynkhia__changeRow:first-of-type{border-top:0}.DesignDnaPlayground-module__ynkhia__changeRow>span:first-child{align-items:center;gap:9px;min-width:0;display:flex}.DesignDnaPlayground-module__ynkhia__changeRow>span:first-child>i{background:color-mix(in srgb, var(--pg-border) 36%, transparent);width:30px;height:30px;color:var(--pg-muted);border-radius:9px;flex:none;place-items:center;display:grid}.DesignDnaPlayground-module__ynkhia__changeRow>span:first-child>span{gap:1px;min-width:0;display:grid}.DesignDnaPlayground-module__ynkhia__changeRow>span:nth-child(2){color:var(--pg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.DesignDnaPlayground-module__ynkhia__changeRow>b{justify-self:start}.DesignDnaPlayground-module__ynkhia__workspaceFooter{min-height:36px;color:var(--pg-muted);align-items:center;gap:9px;padding:0 4px;font-size:10px;display:flex}.DesignDnaPlayground-module__ynkhia__reviewerStack{display:flex}.DesignDnaPlayground-module__ynkhia__reviewerStack i{border-radius:8px;width:25px;height:25px}.DesignDnaPlayground-module__ynkhia__workspaceFooter p{margin:0}.DesignDnaPlayground-module__ynkhia__workspaceFooter strong{color:var(--pg-text)}.DesignDnaPlayground-module__ynkhia__workspaceFooter>span{margin-left:auto}.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__fontPicker,.DesignDnaPlayground-module__ynkhia__radiusPicker,.DesignDnaPlayground-module__ynkhia__themePicker{gap:10px;min-width:155px;display:grid}.DesignDnaPlayground-module__ynkhia__rangeControl>span,.DesignDnaPlayground-module__ynkhia__fontPicker>span,.DesignDnaPlayground-module__ynkhia__radiusPicker>span,.DesignDnaPlayground-module__ynkhia__themePicker>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;flex:1;min-width:0;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__accentPickerTrigger{border:2px solid var(--pg-surface);cursor:pointer;border-radius:999px;flex:none;width:28px;height:28px;padding:0;box-shadow:0 1px 4px #0000001f}.DesignDnaPlayground-module__ynkhia__accentPickerTrigger:focus-visible{outline:3px solid color-mix(in srgb, var(--pg-accent) 30%, transparent);outline-offset:3px}.DesignDnaPlayground-module__ynkhia__accentPickerPanel{z-index:270;color:#202126;background:#fff;border:1px solid #18181b0f;border-radius:18px;gap:9px;width:min(260px,100vw - 24px);padding:10px;display:grid;position:fixed;box-shadow:0 24px 60px #0f172a2e,0 4px 16px #0f172a14}.DesignDnaPlayground-module__ynkhia__accentPickerPanel[data-mode=dark]{color:#f5f5f6;background:#202124;border-color:#ffffff1a}.DesignDnaPlayground-module__ynkhia__accentPickerSwatches{justify-content:space-between;align-items:center;gap:3px;min-width:0;display:flex}.DesignDnaPlayground-module__ynkhia__accentPickerSwatches button{width:19px;height:19px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.DesignDnaPlayground-module__ynkhia__accentPickerSwatches button>svg{width:15px;height:15px}.DesignDnaPlayground-module__ynkhia__accentPickerSwatches button.DesignDnaPlayground-module__ynkhia__accentPickerSwatch{border:2px solid #0000;box-shadow:0 0 0 1px #18181b0a}.DesignDnaPlayground-module__ynkhia__accentPickerSwatches button.DesignDnaPlayground-module__ynkhia__accentPickerSwatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #202126}.DesignDnaPlayground-module__ynkhia__accentPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__accentPickerSwatches button.DesignDnaPlayground-module__ynkhia__accentPickerSwatch[aria-pressed=true]{border-color:#202124;box-shadow:0 0 0 2px #fff}.DesignDnaPlayground-module__ynkhia__accentPickerSwatches button:focus-visible,.DesignDnaPlayground-module__ynkhia__accentPickerShuffle:focus-visible{outline-offset:3px;outline:3px solid #4a7bf652}.DesignDnaPlayground-module__ynkhia__accentPickerCanvas{position:relative}.DesignDnaPlayground-module__ynkhia__accentPickerCanvas .react-colorful{width:100%;height:220px}.DesignDnaPlayground-module__ynkhia__accentPickerCanvas .react-colorful__saturation{border:1px solid #d9d9de;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff40}.DesignDnaPlayground-module__ynkhia__accentPickerCanvas .react-colorful__hue{border-radius:999px;width:calc(100% - 42px);height:22px;margin-top:13px}.DesignDnaPlayground-module__ynkhia__accentPickerCanvas .react-colorful__pointer{border-width:3px;width:24px;height:24px;box-shadow:0 3px 10px #00000029}.DesignDnaPlayground-module__ynkhia__accentPickerShuffle{color:#202126;cursor:pointer;background:#f0f0f2;border:0;border-radius:999px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;bottom:0;right:0}.DesignDnaPlayground-module__ynkhia__accentPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__accentPickerShuffle{color:#f5f5f6;background:#303136}.DesignDnaPlayground-module__ynkhia__accentPickerValue{background:#f0f0f2;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:40px;display:grid;overflow:hidden}.DesignDnaPlayground-module__ynkhia__accentPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__accentPickerValue{background:#303136}.DesignDnaPlayground-module__ynkhia__accentPickerValue input{min-width:0;height:100%;color:inherit;font:inherit;text-transform:uppercase;background:0 0;border:0;outline:0;padding:0 12px;font-size:13px}.DesignDnaPlayground-module__ynkhia__accentPickerValue span{border-left:1px solid #d8d8dc;align-items:center;height:100%;padding:0 11px;font-size:12px;display:flex}.DesignDnaPlayground-module__ynkhia__accentPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__accentPickerValue span{border-color:#4a4b50}.DesignDnaPlayground-module__ynkhia__accentPickerValue svg{color:#777780;width:15px;height:15px;margin-right:7px}.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__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__radiusPickerTrigger{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:10px;padding:0 12px;display:grid;box-shadow:0 2px 5px #0000000d}.DesignDnaPlayground-module__ynkhia__radiusPickerTrigger b{color:var(--pg-muted);font-size:17px;font-weight:700}.DesignDnaPlayground-module__ynkhia__radiusPickerTrigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.DesignDnaPlayground-module__ynkhia__radiusPickerTrigger svg{color:var(--pg-muted);transition:transform .15s}.DesignDnaPlayground-module__ynkhia__radiusPickerTrigger[aria-expanded=true] svg{transform:rotate(180deg)}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel{z-index:260;color:#18181b;background:#fff;border:1px solid #18181b0d;border-radius:20px;width:min(300px,100vw - 24px);padding:12px;position:fixed;box-shadow:0 24px 55px #0f172a29,0 4px 16px #0f172a14}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel[data-mode=dark]{color:#f5f5f6;background:#202124;border-color:#ffffff1a}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel header{gap:3px;margin:0 5px 11px;display:grid}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel header strong{letter-spacing:-.02em;font-size:15px;font-weight:600}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel header span{color:#777780;font-size:11px;line-height:1.35}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel[data-mode=dark] header span{color:#aaaab2}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid button{min-height:74px;color:inherit;cursor:pointer;background:0 0;border:2px solid #dedee2;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:9px 5px;transition:border-color .14s,background-color .14s,transform .14s;display:flex}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid button:hover{background:#f8f8f9;border-color:#a9a9b0;transform:translateY(-1px)}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__radiusPickerGrid button{border-color:#4a4a50}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__radiusPickerGrid button:hover{background:#292a2e;border-color:#74747c}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid button strong{font-size:20px;font-weight:600;line-height:1}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid button span{color:#777780;font-size:11px;line-height:1.2}.DesignDnaPlayground-module__ynkhia__radiusPickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__radiusPickerGrid button span{color:#aaaab2}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid button.DesignDnaPlayground-module__ynkhia__radiusOptionActive{border-color:currentColor}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid button.DesignDnaPlayground-module__ynkhia__radiusOptionActive span{color:inherit}.DesignDnaPlayground-module__ynkhia__radiusPickerGrid button:focus-visible{outline-offset:3px;outline:3px solid #4a7bf64d}.DesignDnaPlayground-module__ynkhia__themePickerTrigger{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:9px;padding:0 12px;display:grid;box-shadow:0 2px 5px #0000000d}.DesignDnaPlayground-module__ynkhia__themePickerTrigger i{border-radius:999px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #ffffff3d,0 1px 3px #0000001f}.DesignDnaPlayground-module__ynkhia__themePickerTrigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.DesignDnaPlayground-module__ynkhia__themePickerTrigger svg{color:var(--pg-muted);transition:transform .15s}.DesignDnaPlayground-module__ynkhia__themePickerTrigger[aria-expanded=true] svg{transform:rotate(180deg)}.DesignDnaPlayground-module__ynkhia__themePickerTrigger:focus-visible{outline:3px solid color-mix(in srgb, var(--pg-accent) 28%, transparent);outline-offset:2px}.DesignDnaPlayground-module__ynkhia__themePickerPanel{z-index:260;color:#202126;background:#fff;border:1px solid #18181b0f;border-radius:20px;width:min(300px,100vw - 24px);padding:14px;position:fixed;box-shadow:0 20px 48px #0f172a2b,0 4px 14px #0f172a14}.DesignDnaPlayground-module__ynkhia__themePickerPanel[data-mode=dark]{color:#f5f5f6;background:#202124;border-color:#ffffff1a}.DesignDnaPlayground-module__ynkhia__themePickerGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px;display:grid}.DesignDnaPlayground-module__ynkhia__themePickerGrid button{color:#777780;cursor:pointer;background:0 0;border:0;justify-items:center;gap:7px;min-width:0;padding:0;display:grid}.DesignDnaPlayground-module__ynkhia__themePickerGrid button i{border:3px solid #0000;border-radius:999px;width:42px;height:42px;box-shadow:0 1px 5px #0000001f}.DesignDnaPlayground-module__ynkhia__themePickerGrid button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:20px;font-size:9px;line-height:1.1;display:block;overflow:hidden}.DesignDnaPlayground-module__ynkhia__themePickerGrid button[aria-selected=true]{color:inherit}.DesignDnaPlayground-module__ynkhia__themePickerGrid button[aria-selected=true] i{border-color:#fff;box-shadow:0 0 0 2px #1688ff,0 2px 7px #00000029}.DesignDnaPlayground-module__ynkhia__themePickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__themePickerGrid button{color:#aaaab2}.DesignDnaPlayground-module__ynkhia__themePickerPanel[data-mode=dark] .DesignDnaPlayground-module__ynkhia__themePickerGrid button[aria-selected=true]{color:#fff}.DesignDnaPlayground-module__ynkhia__themePickerGrid button:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #4a7bf64d}.DesignDnaPlayground-module__ynkhia__themePickerPanel footer{border-top:1px solid #e2e2e5;gap:2px;margin-top:14px;padding:12px 2px 1px;display:grid}.DesignDnaPlayground-module__ynkhia__themePickerPanel[data-mode=dark] footer{border-color:#414247}.DesignDnaPlayground-module__ynkhia__themePickerPanel footer strong{font-size:12px;font-weight:600}.DesignDnaPlayground-module__ynkhia__themePickerPanel footer span{color:#777780;font-size:10px}.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:17px;grid-template-rows:auto minmax(0,1fr);gap:9px;width:min(300px,100vw - 24px);max-height:min(380px,100vh - 24px);padding:10px;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:30px;display:flex}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header>div{gap:3px;display:grid}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header strong{font-size:13px}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header span{color:#737b87;font-size:10px}.DesignDnaPlayground-module__ynkhia__fontPickerPanel header button{width:26px;height:26px;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:6px;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:11px;align-content:center;justify-items:start;gap:5px;min-height:62px;padding:9px;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:18px;line-height:1}.DesignDnaPlayground-module__ynkhia__fontPickerGrid>button>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;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__previewCanvas{padding:28px}.DesignDnaPlayground-module__ynkhia__workspaceBody{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}.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__workspaceHeader{flex-direction:column;align-items:flex-start;gap:15px}.DesignDnaPlayground-module__ynkhia__workspaceActions{width:100%}.DesignDnaPlayground-module__ynkhia__workspaceActions button{flex:1}.DesignDnaPlayground-module__ynkhia__workspaceTabs{gap:16px}.DesignDnaPlayground-module__ynkhia__metricGrid,.DesignDnaPlayground-module__ynkhia__workspaceBody{grid-template-columns:minmax(0,1fr)}.DesignDnaPlayground-module__ynkhia__readinessPanel>header,.DesignDnaPlayground-module__ynkhia__changePanel>header{align-items:flex-start}.DesignDnaPlayground-module__ynkhia__changeTable{overflow-x:auto}.DesignDnaPlayground-module__ynkhia__changeTableHead,.DesignDnaPlayground-module__ynkhia__changeRow{min-width:620px}.DesignDnaPlayground-module__ynkhia__workspaceFooter{flex-wrap:wrap;align-items:flex-start}.DesignDnaPlayground-module__ynkhia__workspaceFooter>span{width:100%;margin-left:0;padding-left:62px}.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}}