.deck-story{position:relative}.story-pin{background:var(--bg)}.story-canvas{position:relative}.story-hero{grid-template-areas:"heading device" "body device";grid-template-rows:auto auto;row-gap:0;padding-block:84px}.story-intro-heading{grid-area:heading;align-self:end}.story-intro-body{grid-area:body;align-self:start;padding-top:28px}.story-intro-body .hero-sub{margin-top:0}.story-intro h1 span{color:var(--muted)}.story-device-home{grid-area:device;min-width:0}.story-device-home .product-stage{padding:0}.story-chapter{max-width:700px;padding:64px 0;margin-inline:auto;border-top:1px solid var(--line)}.story-chapter h2{font-size:clamp(1.85rem,3.2vw,2.75rem)}.story-chapter-copy>p{margin:20px auto 0;max-width:575px;font-size:.93rem;line-height:1.8}.story-static-keys{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block:28px}.story-static-keys li{display:flex;min-height:60px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;background:#242424;color:#fff;border-radius:9px;font-size:.72rem}.story-static-keys kbd{font:500 1.2rem var(--font-mono)}.story-static-keys .is-ability{position:relative;aspect-ratio:1;overflow:hidden;padding:0;justify-content:flex-end}.pad-ability{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#101216}.pad-ability img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.pad-ability:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080a0ee6)}.pad-binding,.story-static-keys .pad-binding{position:absolute;z-index:1;top:5px;right:5px;max-width:calc(100% - 8px);padding:3px 5px;border:1px solid #ffffff24;border-radius:4px;background:#080a0ee8;color:#fff;font:500 clamp(6px,.8vw,10px)/1.2 var(--font-mono);white-space:nowrap;letter-spacing:-.03em}.pad-ability~.pad-label{position:relative;z-index:1;grid-row:2;padding-bottom:7px;color:#fff;text-shadow:0 1px 3px #000}.story-footer,.story-focus,.story-create-line{display:none}.is-enhanced .story-focus{display:block;position:absolute;z-index:2;top:32px;left:0;width:100%;text-align:center;pointer-events:none;opacity:0;visibility:hidden}.is-enhanced .story-focus h2{max-width:760px;margin-inline:auto;font-size:clamp(1.85rem,3.2vw,2.75rem)}.is-enhanced .story-focus p{max-width:520px;margin:14px auto 0;font-size:.93rem;line-height:1.7}.story-switcher{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(330px,100%);margin:0 auto 24px;padding:4px;border:1px solid var(--line);border-radius:100px;background:#eaeaea;isolation:isolate}.story-switcher-thumb{position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 8px) / 3);background:#242424;border-radius:inherit;transform:translate(calc(var(--story-tab-index,0) * 100%));transition:transform .28s cubic-bezier(.22,1,.36,1)}.story-switcher button{min-width:0;min-height:36px;border:0;border-radius:100px;padding:7px 12px;background:transparent;color:#616161;font:500 .73rem var(--font-body);cursor:pointer;transition:color .18s}.story-switcher button[aria-selected=true]{color:#fff}.story-switcher button:hover:not([aria-selected=true]){color:var(--text)}.story-switcher button:focus-visible{outline-offset:2px}.has-story-selector .story-stage-number{display:none}.has-story-selector:not(.is-enhanced) .story-chapters{min-height:290px}.has-story-selector:not(.is-enhanced) .story-chapter{padding-top:12px;border-top:0}.presets-section{padding-block:48px}.presets-section .presets-note{margin-top:0}.presets-note h2{font-size:1.1rem}.pad-key-layer{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center}.pad-key-layer:not([data-key-layer=daily]){opacity:0}.story-intro-key{position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;background:linear-gradient(160deg,#172029,#080c12 55%,#030508)}.pad-profile:has([data-story-profile]){display:grid}[data-story-profile]{grid-area:1/1}.pad-icon.is-shortcut{color:#f1f1f1;font:500 clamp(1.1rem,3.1vw,2.5rem)/1 var(--font-mono);letter-spacing:-.05em}.is-enhanced .story-canvas{height:calc(100svh - 80px)}.is-enhanced .story-hero{height:100%;padding:0}.is-enhanced .story-device-home{position:relative;height:100%}.is-enhanced [data-story-device]{position:absolute;margin:0;max-width:none;left:50%;top:50%;width:100%}.is-enhanced [data-story-device] .pad-preview{max-width:none}.is-enhanced [data-story-device] figcaption{position:absolute;width:100%;margin-top:42px;white-space:nowrap}.is-enhanced .pad-well{overflow:hidden}.is-enhanced .story-chapters{position:absolute;inset:0;pointer-events:none}.is-enhanced .story-switcher,.is-enhanced .story-create-line{position:absolute;z-index:2;top:20px;left:50%;margin:0;transform:translate(-50%)}.is-enhanced .story-create-line{display:block;width:min(520px,calc(100% - 32px));text-align:center;font-size:clamp(1.45rem,5.2vw,2.15rem);font-weight:500;letter-spacing:-.055em;line-height:1.12;pointer-events:none;opacity:0;visibility:hidden}.is-enhanced .story-chapter{position:absolute;top:82px;left:0;width:100%;max-width:none;padding:0;border:none;text-align:center;opacity:0;visibility:hidden}.is-enhanced .story-chapter-copy>h2{max-width:760px;margin-inline:auto}.is-enhanced .story-chapter .eyebrow{margin-bottom:14px}.is-enhanced .story-chapter-copy>p{max-width:590px;margin-top:16px}.is-enhanced .story-static-keys{display:none}.is-enhanced .story-footer{position:absolute;bottom:23px;left:0;width:100%;display:flex;justify-content:flex-end;align-items:center;gap:16px;font-size:.67rem;color:var(--muted)}.story-footer a{display:inline-flex;min-height:44px;align-items:center;gap:8px;color:var(--text)}.story-footer a:hover{text-decoration:underline;text-underline-offset:4px}.story-progress{position:absolute;bottom:-8px;height:1px;width:100%;background:var(--line)}.story-progress span{display:block;height:100%;width:100%;background:var(--text);transform:scaleX(0);transform-origin:left}@media(max-width:760px){.story-hero{grid-template-areas:"heading" "device" "body";grid-template-rows:auto auto auto;gap:20px;padding-block:48px 35px}.story-intro-heading,.story-intro-body{padding:0}.story-device-home .product-stage{max-width:390px;margin:0 auto;padding:0 8px}.story-device-home .product-stage figcaption{margin-top:20px}.story-chapter{padding-block:48px}.is-enhanced .story-canvas{height:auto}.is-enhanced .story-hero{height:auto;grid-template-areas:"heading" "body" "device";grid-template-rows:auto auto auto;gap:20px;padding-block:42px 0}.is-enhanced .story-intro-heading,.is-enhanced .story-intro-body{padding:0}.is-enhanced .story-device-home{height:calc(100svh - 68px);margin-top:-180px}.is-enhanced .story-switcher,.is-enhanced .story-create-line{top:calc(var(--story-intro-height) + 4px)}.is-enhanced .story-focus{top:calc(var(--story-intro-height) + 32px)}.is-enhanced .story-chapter{top:calc(var(--story-intro-height) + 100px)}.is-enhanced .story-chapter-copy>p{font-size:.85rem;line-height:1.65}.is-enhanced .story-chapter-copy>h2{font-size:clamp(1.7rem,6vw,2.25rem)}.is-enhanced .story-focus h2{font-size:clamp(1.7rem,6vw,2.25rem)}.is-enhanced .story-focus p{font-size:.85rem}.is-enhanced .story-chapter .eyebrow{font-size:.64rem;margin-bottom:12px}.is-enhanced .story-footer{bottom:17px;font-size:.59rem;gap:12px}.is-enhanced [data-story-device] figcaption{margin-top:35px;font-size:.64rem}.story-switcher button{min-height:44px}}@media(max-width:760px)and (orientation:landscape)and (min-width:560px){.story-hero{grid-template-areas:"heading device" "body device";grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto;gap:0 32px}.story-intro-body{padding-top:18px}}@media(max-height:860px){.is-enhanced .story-focus p{display:none}}.story-add-symbol{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#d4d4d4;font:300 clamp(20px,4vw,36px)/1 var(--font-body);opacity:0}.story-add-ring{position:absolute;inset:15%;border:1px solid #fff;border-radius:50%;opacity:0}.story-cursor{position:absolute;z-index:3;top:50%;left:50%;width:26px;height:26px;color:#fff;filter:drop-shadow(0 2px 3px #0008);opacity:0;pointer-events:none}.story-cursor svg{fill:#242424}.story-creator{container-type:inline-size;width:min(480px,100%);margin:32px auto 0;padding:18px;border:1px solid #dedede;border-radius:18px;background:#fff;box-shadow:0 16px 40px #00000012,0 2px 6px #00000005;text-align:left;color:#242424}.story-creator-heading{display:flex;align-items:center;gap:clamp(10px,2.6cqi,14px);min-height:clamp(40px,11cqi,52px);margin-bottom:clamp(12px,3.2cqi,16px)}.story-creator-plus{display:grid;place-items:center;width:clamp(32px,9cqi,42px);height:clamp(32px,9cqi,42px);border-radius:clamp(9px,2.4cqi,12px);background:#f0f0f0;font-size:clamp(23px,6.4cqi,30px);font-weight:300}.story-creator-heading div>span{display:block;margin-bottom:4px;color:#777;font-size:clamp(8px,2.2cqi,11px);letter-spacing:.12em;font-weight:600}.story-creator-heading h3{font-size:clamp(15px,4.6cqi,21px);line-height:1.25;letter-spacing:-.035em}.story-create-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1.8cqi,10px);margin:0;padding:0;list-style:none}.story-create-options li{min-width:0;min-height:clamp(54px,14cqi,68px);display:flex;align-items:center;gap:clamp(7px,2cqi,10px);padding:clamp(7px,2.1cqi,11px);border:1px solid #e7e7e7;border-radius:clamp(8px,2.2cqi,11px);background:#fafafa}.story-create-options li>svg{flex:0 0 auto;width:clamp(18px,5cqi,24px);height:clamp(18px,5cqi,24px)}.story-create-options li>div{min-width:0}.story-create-options strong{display:block;font-size:clamp(10px,3.15cqi,14px);font-weight:550;line-height:1.3}.story-create-options small{display:block;margin-top:4px;font-size:clamp(8px,2.45cqi,11px);color:#777;line-height:1.3}.story-create-personalize{display:flex;align-items:center;gap:clamp(8px,2.2cqi,12px);padding-top:clamp(12px,3.2cqi,16px);margin-top:clamp(12px,3.2cqi,16px);border-top:1px solid #e7e7e7}.story-create-personalize>svg{flex:0 0 auto;width:clamp(17px,4.6cqi,22px);height:clamp(17px,4.6cqi,22px)}.story-create-personalize strong{display:block;font-size:clamp(11px,3.2cqi,14px);font-weight:550}.story-create-personalize span{display:block;margin-top:3px;font-size:clamp(9px,2.5cqi,12px);line-height:1.4;color:#777}.story-create-swatches{display:flex;gap:clamp(3px,1cqi,5px);margin-left:auto}.story-create-swatches i{display:block;width:clamp(10px,2.8cqi,14px);height:clamp(10px,2.8cqi,14px);border-radius:50%;background:#242424}.story-create-swatches i:nth-child(2){background:#9eafbd}.story-create-swatches i:nth-child(3){background:#b7c3af}.is-enhanced .story-creator{position:absolute;z-index:4;top:var(--create-top);left:var(--create-left);width:var(--create-width);margin:0;transform-origin:80% 0;pointer-events:none}.story-creator[data-layout=stacked] .story-create-options{grid-template-columns:repeat(3,minmax(0,1fr))}.story-creator[data-layout=stacked] .story-create-options li{flex-direction:column;justify-content:center;gap:4px;min-height:clamp(56px,16cqi,72px);padding:clamp(6px,2cqi,10px) 4px;text-align:center}.story-creator[data-layout=stacked] .story-create-options strong{font-size:clamp(9px,2.8cqi,13px);line-height:1.2}.story-creator[data-layout=stacked] .story-create-options small{display:none}