@font-face{font-family:Chillax;src:url(./chillax-variable-3OGwrkmm.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Uncut Sans;src:url(./uncut-variable-DfydcN6x.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap}:root{--paper:#5b3b75;--surface:linear-gradient(145deg,#4a2a67cc 0%,#351c50c9 42%,#200f37c7 100%);--ink:#e9dff2;--light:#e9dff2;--muted:#eae0f2;--lilac:#b5aae9;--amber:#eeb56f;--line:#8a6a9e;--sheet:#514167;--shadow:0 16px 44px #0000003d;--radius:16px;font-feature-settings:"ss01" 1;color:var(--ink);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-variant-numeric:tabular-nums;font-family:Chillax,Uncut Sans,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#302559}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #de9a53}button,select{touch-action:manipulation}button svg,svg.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}[hidden]{display:none!important}::selection{color:#302559;background:#eeb56f}input{accent-color:#7560b8;caret-color:#7560b8}a{text-underline-offset:4px;text-decoration-thickness:1px}.icon-definitions{width:0;height:0;position:absolute;overflow:hidden}.studio{height:100dvh;position:fixed;inset:0}#simulation-frame{background:#302559;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.studio-header{top:max(24px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute}.studio-header>*{pointer-events:auto}.brand-button{color:var(--light);text-align:left;background:0 0;align-items:center;gap:8px;padding:0;display:flex}.brand-button img{width:56px;height:45px}.wordmark{letter-spacing:-.03em;flex-direction:column;font-size:36px;font-weight:600;line-height:.8;display:flex}.wordmark>span{letter-spacing:.035em;margin-top:8px;font-size:13px;font-weight:500}.mode-switch{background:var(--surface);border-radius:12px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #00000026}.mode-switch button{color:var(--muted);background:0 0;border-radius:9px;min-height:42px;padding:11px 26px;font-size:14px;font-weight:650}.mode-switch button[aria-pressed=true]{color:#302559;background:#b39bc9}.mode-switch button:hover:not([aria-pressed=true]){background:#654f7d}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{width:44px;height:44px;color:var(--light);background:#2f1f55c2;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#513478}.icon-button.dark{color:var(--ink);background:0 0}.icon-button.dark:hover{background:#654f7d}.unit-button{min-height:44px;color:var(--light);background:0 0;border-radius:10px;padding:0 12px;font-size:12px}.unit-button:hover{background:#2f1f55cc}.scene-heading{color:#f0f1f9;pointer-events:none;z-index:1;text-shadow:0 2px 8px #0000006b;max-width:260px;position:absolute;top:136px;left:40px}.scene-heading h1{letter-spacing:-.03em;margin:0 0 16px;font-size:36px;font-weight:550;line-height:1.07}.scene-heading p{color:#e1d6ee;margin:0;font-size:13px;line-height:1.65}.scene-counter{color:var(--light);pointer-events:none;z-index:1;align-items:baseline;gap:7px;display:flex;position:absolute;top:139px;right:40px}.scene-counter>span:first-child{font-size:26px;font-weight:650}.scene-counter>span:last-child{color:#dfd3ef;font-size:12px}.scene-footer{bottom:max(23px,env(safe-area-inset-bottom));pointer-events:none;z-index:3;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:32px;right:32px}.scene-footer>p{color:#e5d9f1;align-items:center;gap:9px;margin:0;font-size:12px;display:flex}.scene-footer i{background:#b6a0cc;border-radius:50%;width:3px;height:3px}.scene-actions{pointer-events:auto;align-items:center;gap:8px;display:flex}.scene-actions .text-action{color:var(--light);background:#2f1f55c2;border-radius:12px;padding:14px;font-size:12px;font-weight:550}.scene-actions .text-action:hover{background:#513478}.bottom-area{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:13px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.bottom-area>*{pointer-events:auto}body[data-controls-open=true] .controls-close{display:flex!important}.design-notes-link{color:#e5d9f1;text-underline-offset:4px;z-index:2;background:0 0;min-height:32px;padding:8px 0;font-size:12px;text-decoration:underline;position:absolute;bottom:79px;left:32px}.loading-state{color:var(--light);z-index:10;background:#302559;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:14px;display:flex;position:absolute;inset:0}.loading-state img{width:80px}.fatal-state{background:var(--paper);z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.fatal-state h1{letter-spacing:-.025em;font-size:34px}.fatal-state p{max-width:50ch;margin-bottom:25px;font-size:14px}body[data-mode=explore] .scene-heading h1{font-size:30px}body[data-mode=explore] .scene-heading h1:after{content:""}body[data-mode=explore] .scene-counter{right:395px}body[data-mode=explore] .play-controls-shell,body[data-mode=explore] .challenge-button{display:none}body[data-mode=explore] .scene-actions{margin-right:367px}@media (max-width:900px){.studio-header{left:24px;right:24px}.mode-switch button{padding:11px 20px}.scene-heading{max-width:190px;left:28px}.scene-heading h1{font-size:30px}.scene-counter{right:28px}.scene-footer{left:24px;right:24px}.scene-footer p{flex-wrap:wrap;gap:4px 7px;max-width:145px;line-height:1.65}.scene-footer i:last-of-type{display:none}.scene-footer p>span:last-child{flex-basis:100%}.design-notes-link{bottom:90px;left:24px}}@media (max-width:600px){.studio-header{top:max(17px,env(safe-area-inset-top));align-items:flex-start;gap:10px;left:18px;right:18px}.brand-button{gap:4px}.brand-button img{width:43px;height:36px}.wordmark{font-size:28px}.wordmark>span{margin-top:6px;font-size:12px}.header-actions{gap:5px}.header-actions .unit-button{padding:0 3px;font-size:12px}.header-actions .icon-button{background:0 0;width:44px;height:44px}.mode-switch{padding:4px;top:64px}.mode-switch button{min-height:36px;padding:8px 30px;font-size:13px}.scene-heading{max-width:170px;top:150px;left:23px}.scene-heading h1{margin-bottom:11px;font-size:27px}.scene-heading p{font-size:12px;line-height:1.65}.scene-counter{top:153px;right:22px}.scene-counter>span:first-child{font-size:22px}.scene-counter>span:last-child{font-size:12px}.bottom-area{gap:11px;width:calc(100% - 36px);bottom:104px}.scene-footer{bottom:max(24px,env(safe-area-inset-bottom));align-items:flex-end;left:21px;right:19px}.scene-footer p{max-width:150px;font-size:12px;line-height:1.8}.scene-actions{gap:3px}.scene-actions .icon-button{background:0 0;width:44px;height:44px}.scene-actions .text-action{background:0 0;min-height:44px;padding:12px 7px;font-size:12px}.design-notes-link{font-size:12px;bottom:66px;left:22px}body[data-mode=explore] .scene-counter{top:153px;right:23px}body[data-mode=explore] .scene-actions{margin-right:0}body[data-mode=explore] .scene-heading{top:149px}body[data-mode=explore] .scene-heading h1{font-size:25px}body[data-mode=explore] .design-notes-link{bottom:59px}body[data-mode=explore] .scene-footer p{max-width:155px}}@media (max-height:600px) and (min-width:601px){.studio-header{top:16px}.scene-heading{top:95px}.scene-heading h1{font-size:26px}.scene-heading p{font-size:12px}.scene-counter{top:104px}.bottom-area{bottom:24px}.scene-footer{bottom:18px}.design-notes-link{bottom:69px}}.focus-button{min-height:44px;color:var(--light);background:0 0;border-radius:11px;padding:0 13px;font-size:12px;font-weight:550}.focus-button:hover{background:#62427c}body[data-mode=play] .header-actions .unit-button,body[data-mode=explore] .focus-button,body[data-mode=play][data-playing=true] .scene-heading,body[data-mode=play][data-playing=true] .scene-counter,body[data-mode=play][data-playing=true] .scene-footer>p,body[data-focus=true] .brand-button,body[data-focus=true] .mode-switch,body[data-focus=true] .scene-heading,body[data-focus=true] .scene-counter,body[data-focus=true] .bottom-area,body[data-focus=true] .design-notes-link,body[data-focus=true] .scene-footer>p,body[data-focus=true] #reset-button,body[data-focus=true] #pop-all-button{display:none}body[data-focus=true] .header-actions{margin-left:auto}body[data-focus=true] .scene-footer{justify-content:flex-end}@media (max-width:600px){.focus-button{max-width:108px;padding:0 8px;font-size:12px}.header-actions{gap:3px}}.focus-count-button{min-height:44px;color:var(--light);background:0 0;padding:0 10px;font-size:12px}body[data-focus=true][data-focus-count=true] .scene-counter{display:flex;inset:auto auto 26px 24px}body[data-focus=true][data-focus-count=true] .scene-counter>span:first-child{font-size:20px}body[data-focus=true][data-focus-count=true] .scene-counter>span:last-child{font-size:12px}body[data-overlay] .studio-header,body[data-overlay] .scene-heading,body[data-overlay] .scene-counter,body[data-overlay] .bottom-area,body[data-overlay] .scene-footer,body[data-overlay] .design-notes-link,body[data-overlay] #explore-panel,body[data-overlay] #challenge-status{visibility:hidden}@media (max-width:600px){.scene-footer>p{max-width:190px}.design-notes-link{bottom:78px}body[data-mode=explore] .design-notes-link{bottom:70px}}@media (max-width:380px){.scene-footer>p>span:last-child{display:none}}.scene-actions .text-action{white-space:nowrap;min-width:64px}@media (max-width:600px){.design-notes-link{display:none}}.play-controls-shell{position:relative}.play-dock{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;gap:2px;padding:7px;display:flex}.play-dock button{min-width:116px;min-height:48px;color:var(--ink);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-size:14px;font-weight:550;display:flex}.play-dock button:hover,.play-dock button[aria-expanded=true]{color:#302559;background:#b39bc9}.play-dock svg{width:19px;height:19px}.challenge-button{background:var(--amber);color:#3e254d;border-radius:12px;align-items:center;gap:24px;min-height:42px;padding:10px 17px;font-size:12px;font-weight:650;display:flex;box-shadow:0 7px 20px #00000026}.challenge-button:hover{background:#f7c486}.challenge-button svg{width:16px;height:16px}.play-controls{background:var(--surface);width:360px;color:var(--ink);box-shadow:var(--shadow);border-radius:16px;max-height:56vh;padding:24px;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:auto;transform:translate(-50%)}.controls-close{z-index:2;position:absolute;bottom:calc(100% + 14px);right:4px}.controls-close[hidden]{display:none!important}.control-row+.control-row{margin-top:24px}.control-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;font-size:13px;font-weight:550;display:flex}.control-heading output{white-space:nowrap;font-size:12px;font-weight:650}.control-row input[type=range]{cursor:pointer;appearance:none;background:0 0;width:100%;height:20px;margin:0;padding:0}.control-row input[type=range]::-webkit-slider-runnable-track{background:#836c9b;border-radius:3px;height:4px}.control-row input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--paper);background:#b4a0cc;border-radius:50%;outline:1px solid #b4a0cc;width:18px;height:18px;margin-top:-7px}.control-row input[type=range]::-moz-range-track{background:#836c9b;border-radius:3px;height:4px}.control-row input[type=range]::-moz-range-thumb{border:3px solid var(--paper);background:#b4a0cc;border-radius:50%;width:14px;height:14px}.control-help{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.wind-presets,.preset-row{gap:6px;margin-bottom:22px;display:flex}.wind-presets button,.preset-row button{color:var(--ink);background:#645079;border-radius:8px;min-height:38px;padding:9px 12px;font-size:12px}.wind-presets button:hover,.preset-row button:hover{background:#79568f}.explore-panel{background:var(--surface);width:340px;box-shadow:var(--shadow);z-index:3;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:98px;bottom:100px;right:28px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 20px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.panel-heading p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.panel-heading .icon-button{margin-top:-6px;margin-right:-9px}.explore-controls{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b3a5d1 transparent;flex:1;padding:0 24px 12px;overflow:auto}.explore-controls::-webkit-scrollbar{width:5px}.play-controls::-webkit-scrollbar{width:5px}.explore-controls::-webkit-scrollbar-thumb{background:#b3a5d1;border-radius:6px}.play-controls::-webkit-scrollbar-thumb{background:#b3a5d1;border-radius:6px}.control-group{border-top:1px solid var(--line);padding:0}.control-group summary{cursor:pointer;justify-content:space-between;align-items:center;padding:19px 0;font-size:13px;font-weight:650;list-style:none;display:flex}.control-group summary::-webkit-details-marker{display:none}.control-group summary:after{content:"+";color:var(--muted);font-size:19px;font-weight:400}.control-group[open] summary:after{content:"−"}.control-group>div{padding-bottom:23px}.inspector-footer{border-top:1px solid var(--line);color:var(--muted);flex-shrink:0;align-items:center;gap:12px;padding:14px 24px;font-size:12px;line-height:1.4;display:flex}.challenge-status{background:var(--paper);color:var(--ink);z-index:5;white-space:nowrap;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:650;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}@media (prefers-reduced-motion:no-preference){.play-controls,.explore-panel{animation:.18s cubic-bezier(.16,1,.3,1) reveal}@keyframes reveal{0%{translate:0 8px}to{translate:0}}}@media (max-width:900px){.play-dock button{min-width:100px;padding:12px}}@media (max-width:600px){.play-controls-shell{width:100%;max-width:360px}.play-dock{border-radius:13px;justify-content:space-between;width:100%;padding:5px}.play-dock button{flex:1;gap:7px;min-width:0;min-height:46px;padding:12px 11px;font-size:12px}.play-dock svg{width:17px}.play-controls{width:100%;max-height:44vh;padding:23px;bottom:calc(100% + 10px)}.controls-close{bottom:calc(100% + 12px);right:3px}.control-row+.control-row{margin-top:21px}.control-heading,.control-help{font-size:12px}.challenge-button{gap:17px;min-height:41px;font-size:12px}.explore-panel{top:auto;bottom:max(87px,env(safe-area-inset-bottom));border-radius:16px;width:auto;max-height:54dvh;left:14px;right:14px}.panel-heading{padding:20px 21px 16px}.panel-heading h2{font-size:23px}.panel-heading p{margin-top:5px;font-size:12px}.explore-controls{padding:0 21px 10px}.inspector-footer{padding:12px 21px;font-size:12px}.control-group summary{padding:17px 0;font-size:12px}.challenge-status{padding:10px 15px;font-size:12px;top:127px}}@media (max-height:600px) and (min-width:601px){.explore-panel{top:80px;bottom:78px}}.play-unit-button{min-height:44px;color:var(--light);text-underline-offset:4px;background:0 0;margin-top:20px;padding:10px 0;font-size:12px;text-decoration:underline}.inspector-footer #preference-status{flex:1;min-width:0}.play-settings-footer{flex-wrap:wrap;align-items:center;gap:0 12px;margin-top:20px;display:flex}.play-settings-footer .play-unit-button{text-align:left;flex:200px;margin-top:0}.privacy-link{min-width:44px;min-height:44px;color:var(--light);touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;padding:10px 0;font-size:12px;display:inline-flex}.brand-panel::-webkit-scrollbar{width:5px}.brand-panel::-webkit-scrollbar-thumb{background:#b3a5d1;border-radius:6px}.floating-panel{background:var(--surface);color:var(--ink);z-index:6;border-radius:18px;position:absolute;box-shadow:0 25px 80px #00000057}.result-panel{text-align:center;width:440px;max-width:calc(100vw - 32px);padding:42px;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-close{position:absolute;top:12px;right:12px}.result-mark{background:#493365;border-radius:16px;width:70px;height:56px;margin-bottom:18px;padding:5px}.result-panel h2{letter-spacing:-.025em;margin:0 0 25px;font-size:34px;font-weight:600;line-height:1.1}.result-line{justify-content:center;align-items:baseline;gap:11px;font-size:17px;display:flex}.result-line>span:first-child{font-size:66px;font-weight:650;line-height:1}.result-panel>p{color:var(--muted);margin:14px 0 27px;font-size:12px}.primary-button,.secondary-button{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 17px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button{color:#302559;background:#b9a5d7}.primary-button:hover{background:#ccb8e5}.secondary-button{color:var(--ink);background:#645079}.secondary-button:hover{background:#79568f}.result-panel>.primary-button{width:100%}.result-secondary{justify-content:center;gap:22px;margin-top:22px;display:flex}.result-secondary button{color:var(--ink);text-underline-offset:5px;background:0 0;padding:8px 0;font-size:12px;-webkit-text-decoration:underline #b3a5d1;text-decoration:underline #b3a5d1}.toast{background:var(--paper);color:var(--ink);box-shadow:var(--shadow);z-index:8;text-align:center;border-radius:12px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:12px;position:absolute;bottom:175px;left:50%;transform:translate(-50%)}.brand-panel{background:var(--surface);color:var(--ink);width:min(920px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#b3a5d1 transparent;border:0;border-radius:18px;padding:34px;overflow:auto}.brand-panel::backdrop{background:#140725b3}.brand-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand-heading h2{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:600}.brand-intro{align-items:center;gap:30px;margin:34px 0;display:flex}.brand-intro>img{background:#493365;border-radius:16px;width:160px;height:130px;padding:15px}.brand-large-wordmark{letter-spacing:-.03em;flex-direction:column;margin:0;font-size:74px;font-weight:600;line-height:.8;display:flex}.brand-large-wordmark>span{letter-spacing:.02em;margin-top:16px;font-size:20px;font-weight:500}.brand-intro>div>p:last-child{color:var(--muted);margin:22px 0 0;font-size:13px}.brand-description{max-width:66ch;color:var(--muted);font-size:14px;line-height:1.7}.brand-swatches{flex-wrap:wrap;gap:16px;margin:25px 0 38px;display:flex}.brand-swatches>span{flex-direction:column;flex:1;gap:7px;min-width:130px;font-size:12px;display:flex}.brand-swatches>span:before{content:"";background:var(--swatch);border-radius:7px;height:52px}.brand-swatches small{color:var(--muted);font-size:12px}.brand-panel h3{letter-spacing:-.02em;margin:32px 0 14px;font-size:20px;font-weight:600;line-height:1.25}.type-context{color:var(--muted);max-width:70ch;font-size:12px;line-height:1.7}.type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 36px;display:grid}.type-options article{border-top:1px solid #665174;padding-top:16px}.type-options h4{margin:0 0 9px;font-size:17px;font-weight:600}.type-options article>p{color:var(--muted);font-size:12px;line-height:1.6}.type-options a{color:var(--ink);margin:18px 0 12px;font-size:12px;display:block}.type-options small{color:var(--muted);font-size:12px;line-height:1.6;display:block}.type-specimen{object-fit:contain;object-position:left;background:#fff;border-radius:6px;width:100%;height:90px}.uncut-specimen .specimen-line{color:var(--ink);letter-spacing:-.02em;font-size:24px;line-height:1.05}.design-review-actions{border-top:1px solid var(--line);padding-top:0}.design-review-actions>p{color:var(--muted);max-width:70ch;font-size:12px;line-height:1.7}.design-review-actions>.secondary-button{margin:8px 6px 0 0;font-size:12px}.brand-footnote{color:var(--muted);max-width:80ch;margin:25px 0 0;font-size:12px;line-height:1.7}@media (prefers-reduced-motion:no-preference){.floating-panel{animation:.18s cubic-bezier(.16,1,.3,1) reveal}}@media (max-width:900px){.type-options{gap:18px}}@media (max-width:600px){.result-panel{padding:33px 25px;top:51%}.result-panel h2{font-size:29px}.result-mark{width:62px;height:50px}.result-line>span:first-child{font-size:58px}.toast{font-size:12px;bottom:223px}.brand-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 28px);padding:22px}.brand-heading h2{font-size:24px}.brand-intro{gap:20px;margin:25px 0}.brand-intro>img{width:95px;height:85px;padding:10px}.brand-large-wordmark{font-size:58px}.brand-large-wordmark>span{margin-top:12px;font-size:16px}.brand-intro>div>p:last-child{margin-top:17px;font-size:12px}.brand-description{font-size:12px}.brand-swatches{gap:15px;margin-bottom:28px}.brand-swatches>span{min-width:125px;font-size:12px}.brand-swatches>span:before{height:40px}.brand-panel h3{font-size:18px}.type-options{grid-template-columns:1fr;gap:22px}.type-context,.design-review-actions>p{font-size:12px}.type-specimen{height:110px}.type-options a{margin-top:12px}.brand-footnote{font-size:12px}}@media (max-height:600px) and (min-width:601px){.result-panel{padding:24px 35px}.result-mark{margin-bottom:12px}.result-panel h2{margin-bottom:16px;font-size:28px}.result-line>span:first-child{font-size:52px}.result-panel>p{margin-bottom:18px}.result-secondary{margin-top:14px}}.share-button{background:var(--surface);color:var(--ink);border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:13px;font-weight:650;display:flex}.share-button:hover{background:#79568f}.share-panel{scrollbar-width:thin;scrollbar-color:#b3a5d1 transparent;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);padding-bottom:24px;top:98px;right:28px;overflow:auto}.share-panel .panel-heading{padding-bottom:18px}.share-image-wrap{background:#493365;border-radius:10px;place-items:center;min-height:150px;margin:0 24px;display:grid;overflow:hidden}.share-preview{object-fit:contain;width:100%;height:auto;max-height:290px;display:block}.share-format{justify-content:space-between;align-items:center;gap:10px;margin:20px 24px;font-size:12px;font-weight:550;display:flex}.share-format select{color:var(--ink);background:#645079;border:0;border-radius:7px;max-width:220px;min-height:40px;padding:10px;font-size:12px}.share-actions{gap:8px;margin:0 24px;display:flex}.share-actions button{flex:1;padding:12px 10px;font-size:12px}.share-actions svg{width:16px;height:16px}.share-status{color:var(--muted);margin:16px 24px 0;font-size:12px;line-height:1.6}@media (max-width:900px){.share-panel{right:24px}}@media (max-width:600px){.share-button{width:44px;height:44px;color:var(--light);background:0 0;justify-content:center;padding:0}.share-button span{display:none}.share-panel{width:auto;max-height:calc(100dvh - 145px);padding-bottom:21px;top:124px;left:14px;right:14px}.share-image-wrap{margin:0 21px}.share-preview{max-height:270px}.share-format{margin:16px 21px;font-size:12px}.share-format select{max-width:195px;font-size:12px}.share-actions{margin:0 21px}.share-actions button{gap:7px;font-size:12px}.share-status{margin:14px 21px 0;font-size:12px}}@media (max-height:600px) and (min-width:601px){.share-panel{max-height:calc(100dvh - 96px);top:80px}}#motion-preview{object-fit:contain;width:100%;max-height:290px;display:block}.motion-actions{gap:8px;margin:14px 24px 0;display:flex}.motion-actions>*{flex:1;font-size:12px}.motion-note{color:var(--muted);margin:10px 24px 0;font-size:12px;line-height:1.5}@media (max-width:600px){.motion-actions,.motion-note{margin-left:21px;margin-right:21px}#motion-preview{max-height:260px}}body[data-focus=true] #share-button{display:none}