.MockupTheme-module__YPIQWW__surface{--mockup-bg:#fcfcf9;--mockup-bar:#f3f4ef;--mockup-ink:#30382f;--mockup-border:#d9ddd5;--mockup-line:#e4e7de;--mockup-dot:#98a58b;--mockup-muted:#697360;--mockup-muted2:#74806c;--mockup-green:#e7ebdf;--mockup-greenInk:#526249;--mockup-soft:#f0f2e9;--mockup-warm:#f7eee5;--mockup-sand:#f2eee4;--mockup-soft2:#f0f2ec;--mockup-line2:#e0e5d9;--mockup-sage:#a8b999;--mockup-warmLine:#e4e0d7;--mockup-paper:#f8f4ed;--mockup-brown:#55493a;--mockup-paper2:#f5f0e7;--mockup-brownMuted:#867765;--mockup-paperLine:#ded5c7;--mockup-button:#5f6c54;--mockup-peach:#f2e1d4;--mockup-peachInk:#8b6041;--mockup-mint:#e6ebdc;--mockup-outline:#a9b59e;--mockup-greenAccent:#80986b;--mockup-panelInk:#272827;--mockup-panelLine:#e6e7e4;--mockup-panelSide:#f5f5f2;--mockup-panelMuted:#777b73;--mockup-panel:#fcfcfa;--mockup-panelChip:#e9ecdf;--mockup-panelChipInk:#556346;--mockup-panelBar:#f2f3ee;--mockup-pink:#f4dfe9;--mockup-pinkInk:#884f6b;--mockup-familyInk:#654354;--mockup-family:#f9f0f4;--mockup-familyLine:#e5cbd7;--mockup-familyAccent:#a3567b;--mockup-familyMuted:#8b697b;--mockup-white:#fff}[data-theme=dark] .MockupTheme-module__YPIQWW__surface{--mockup-bg:#181b18;--mockup-bar:#222722;--mockup-ink:#edf0e8;--mockup-border:#394139;--mockup-line:#343d34;--mockup-dot:#a7b990;--mockup-muted:#b0b9a6;--mockup-muted2:#adb8a5;--mockup-green:#2c3928;--mockup-greenInk:#c2d4b1;--mockup-soft:#242d22;--mockup-warm:#322a22;--mockup-sand:#2e2b23;--mockup-soft2:#242b23;--mockup-line2:#3c4635;--mockup-sage:#a8b999;--mockup-warmLine:#494237;--mockup-paper:#28251f;--mockup-brown:#e6dccb;--mockup-paper2:#27241e;--mockup-brownMuted:#c1b5a2;--mockup-paperLine:#484135;--mockup-button:#5f6c54;--mockup-peach:#3d2e24;--mockup-peachInk:#e4b894;--mockup-mint:#2c3827;--mockup-outline:#738366;--mockup-greenAccent:#b2c89c;--mockup-panelInk:#edf0e8;--mockup-panelLine:#384038;--mockup-panelSide:#20261f;--mockup-panelMuted:#aeb6a5;--mockup-panel:#191e18;--mockup-panelChip:#303c29;--mockup-panelChipInk:#c4d6af;--mockup-panelBar:#262d23;--mockup-pink:#3d2834;--mockup-pinkInk:#edb6d0;--mockup-familyInk:#f4d3e3;--mockup-family:#211a20;--mockup-familyLine:#503b47;--mockup-familyAccent:#e5a1c2;--mockup-familyMuted:#ccabc0;--mockup-white:#1e251d}
.InteractiveDemos-module__T1UZwG__demo{--demo-bg:#fcfcf9;--demo-bar:#f3f4ef;--demo-text:#30382f;--demo-muted:#697360;--demo-line:#d9ddd5;--demo-soft:#ecf0e5;--demo-file:#fff;--demo-green:#687d54;--demo-target:#f0f4e9;border:1px solid var(--demo-line);background:var(--demo-bg);height:224px;color:var(--demo-text);border-radius:16px;font-size:11px;overflow:hidden;box-shadow:0 3px 12px #25301c08}.InteractiveDemos-module__T1UZwG__bar{border-bottom:1px solid var(--demo-line);background:var(--demo-bar);align-items:center;gap:7px;height:32px;padding:0 12px;font-size:9px;display:flex}.InteractiveDemos-module__T1UZwG__bar>span:first-child{color:#96a58b}.InteractiveDemos-module__T1UZwG__tag{color:var(--demo-muted);margin-left:auto;font-size:8px}.InteractiveDemos-module__T1UZwG__themePreview{border:1px solid;border-radius:8px;margin:9px 10px 0;padding:9px 11px;transition:background-color .45s,color .45s,border-color .45s}.InteractiveDemos-module__T1UZwG__themeHeader{letter-spacing:.08em;justify-content:space-between;align-items:center;gap:4px;font-size:6px;display:flex}.InteractiveDemos-module__T1UZwG__wordmark{letter-spacing:0;font-family:Georgia,serif;font-size:11px}.InteractiveDemos-module__T1UZwG__themeContent{justify-content:space-between;align-items:center;gap:6px;margin-top:8px;display:flex}.InteractiveDemos-module__T1UZwG__galleryTitle{font-family:Georgia,serif;font-size:14px;line-height:1.2}.InteractiveDemos-module__T1UZwG__themeContent p+p{margin-top:3px;font-size:8px}.InteractiveDemos-module__T1UZwG__favorites{border-radius:20px;flex-shrink:0;padding:6px 8px;font-size:8px;transition:background-color .45s,color .45s}.InteractiveDemos-module__T1UZwG__themeTiles{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.InteractiveDemos-module__T1UZwG__themeTiles>span{border:1px solid;border-radius:3px;height:14px;transition:background-color .45s,border-color .45s}.InteractiveDemos-module__T1UZwG__palette{justify-content:space-evenly;gap:3px;padding:7px 7px 0;display:flex}.InteractiveDemos-module__T1UZwG__themeButton{cursor:pointer;min-width:40px;min-height:44px;color:var(--demo-muted);border-radius:5px;flex-direction:column;align-items:center;gap:3px;font-size:8px;display:flex}.InteractiveDemos-module__T1UZwG__themeButton:focus-visible,.InteractiveDemos-module__T1UZwG__uploadFooter button:focus-visible{outline-offset:3px;outline:2px solid #617b4c}.InteractiveDemos-module__T1UZwG__swatch{border:2px solid;border-radius:50%;width:25px;height:25px;transition:transform .2s;display:block;position:relative}.InteractiveDemos-module__T1UZwG__themeButton:hover .InteractiveDemos-module__T1UZwG__swatch{transform:scale(1.12)}.InteractiveDemos-module__T1UZwG__selectedMark{color:#fff;background:#323c2b;border-radius:50%;place-items:center;width:12px;height:12px;font-size:8px;display:grid;position:absolute;bottom:-2px;right:-3px}.InteractiveDemos-module__T1UZwG__caption{text-align:center;color:var(--demo-muted);margin-top:5px;font-size:8px}.InteractiveDemos-module__T1UZwG__uploadStage{background:radial-gradient(ellipse at center,var(--demo-soft),transparent 72%);justify-content:center;align-items:center;gap:24px;height:99px;display:flex}.InteractiveDemos-module__T1UZwG__files{gap:5px;display:flex}.InteractiveDemos-module__T1UZwG__file{background:var(--demo-file);color:#789063;border:1px solid #b8c7a9;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:31px;height:41px;font-size:18px;display:flex;box-shadow:0 3px 7px #53634612}.InteractiveDemos-module__T1UZwG__file small{font-size:7px}.InteractiveDemos-module__T1UZwG__moving .InteractiveDemos-module__T1UZwG__file{animation:1.3s ease-in-out infinite InteractiveDemos-module__T1UZwG__travel}.InteractiveDemos-module__T1UZwG__uploadTarget{color:var(--demo-green);flex-direction:column;align-items:center;gap:5px;display:flex}.InteractiveDemos-module__T1UZwG__uploadTarget>span{background:var(--demo-target);border:1px dashed #a9b59e;border-radius:11px;place-items:center;width:39px;height:39px;font-size:22px;transition:background .3s;display:grid}.InteractiveDemos-module__T1UZwG__uploadTarget p{font-size:9px}.InteractiveDemos-module__T1UZwG__done>span{color:#fff;background:#64824d;border-style:solid}.InteractiveDemos-module__T1UZwG__progressLabel{color:var(--demo-muted);justify-content:space-between;padding:0 14px;font-size:9px;display:flex}.InteractiveDemos-module__T1UZwG__progress{background:var(--demo-soft);border-radius:8px;height:6px;margin:9px 14px;overflow:hidden}.InteractiveDemos-module__T1UZwG__progress>span{background:#819d68;border-radius:8px;height:100%;transition:width .16s linear;display:block}.InteractiveDemos-module__T1UZwG__uploadFooter{color:var(--demo-muted);justify-content:space-between;align-items:center;gap:5px;margin:13px 14px 0;font-size:8px;display:flex}.InteractiveDemos-module__T1UZwG__uploadFooter button{border:1px solid var(--demo-line);background:var(--demo-file);color:var(--demo-green);cursor:pointer;border-radius:20px;padding:5px 9px;font-size:9px}@keyframes InteractiveDemos-module__T1UZwG__travel{0%,to{opacity:.65;transform:translateY(2px)}50%{opacity:1;transform:translate(9px,-7px)}}@media (prefers-reduced-motion:reduce){.InteractiveDemos-module__T1UZwG__moving .InteractiveDemos-module__T1UZwG__file{animation:none}.InteractiveDemos-module__T1UZwG__themePreview,.InteractiveDemos-module__T1UZwG__favorites,.InteractiveDemos-module__T1UZwG__themeTiles>span,.InteractiveDemos-module__T1UZwG__swatch,.InteractiveDemos-module__T1UZwG__progress>span{transition:none}}[data-theme=dark] .InteractiveDemos-module__T1UZwG__demo{--demo-bg:#181e17;--demo-bar:#252c22;--demo-text:#eef2e8;--demo-muted:#bac5af;--demo-line:#3b4633;--demo-soft:#293524;--demo-file:#252f20;--demo-green:#c0d6a7;--demo-target:#303e28}