@layer components{.hm-app{--hm-side:272px;--hm-gap:12px;min-height:100dvh}.hm-side{top:var(--hm-gap);bottom:var(--hm-gap);left:var(--hm-gap);z-index:30;width:var(--hm-side);border-radius:24px;flex-direction:column;display:none;position:fixed}.hm-main{min-width:0;padding:0 16px calc(112px + env(safe-area-inset-bottom))}.hm-page{width:100%;max-width:1320px;margin:0 auto}@media (min-width:640px){.hm-main{padding-inline:24px}}@media (min-width:1024px){.hm-side{display:flex}.hm-main{padding:0 32px 72px calc(var(--hm-side) + var(--hm-gap) + 32px)}}@media (min-width:1024px) and (max-width:1279px){.hm-app{--hm-side:248px}.hm-main{padding-right:24px;padding-left:calc(var(--hm-side) + var(--hm-gap) + 24px)}}@media (min-width:1536px){.hm-app{--hm-side:288px}}.hm-side-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 10px 18px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.hm-switch{text-align:left;cursor:pointer;width:100%;min-height:52px;transition:background-color var(--dur-hover) var(--ease-standard);border-radius:16px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex}@media (hover:hover){.hm-switch:hover{background:#ffffff0d}}.hm-switch[aria-expanded=true]{background:#ffffff12}.hm-create{color:#fff;background:var(--brand-gradient);width:100%;height:44px;box-shadow:inset 0 1px 0 #ffffff47, inset 0 -1px 0 #0000001f, 0 12px 28px -14px color-mix(in srgb, var(--brand-amethyst) 80%, transparent);cursor:pointer;transition:filter var(--dur-hover) var(--ease-standard), scale var(--dur-press-out) var(--ease-press);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;position:relative}@media (hover:hover){.hm-create:hover{filter:brightness(1.08)saturate(1.05)}}.hm-create:disabled{opacity:.5;pointer-events:none}.hm-nav{min-height:40px;color:var(--color-ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);border-radius:12px;align-items:center;gap:11px;padding:0 10px;font-size:13.5px;display:flex;position:relative}@media (hover:hover){.hm-nav:hover{color:var(--color-ink);background:#ffffff0d}}.hm-nav[aria-current=page]{color:var(--color-ink);background:#ffffff14;font-weight:500}.hm-nav[data-dragging=true]{opacity:.35}.hm-nav .hm-more{opacity:0;transition:opacity .15s var(--ease-out)}@media (hover:hover){.hm-nav:hover .hm-more{opacity:1}.hm-nav:hover .hm-count{opacity:0}}@media (hover:none){.hm-nav .hm-more{display:none}}.hm-nav:focus-within .hm-more,.hm-nav[data-menu=true] .hm-more{opacity:1}.hm-nav[data-menu=true] .hm-count,.hm-nav:focus-within .hm-count{opacity:0}.hm-count{font-variant-numeric:tabular-nums;color:var(--color-ink-4);transition:opacity .15s var(--ease-out);flex-shrink:0;margin-left:auto;font-size:12px}.hm-label{letter-spacing:.01em;min-height:32px;color:var(--color-ink-3);justify-content:space-between;align-items:center;padding:14px 10px 4px;font-size:11.5px;font-weight:500;display:flex}.hm-drop{background:var(--color-accent);height:2px;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent);pointer-events:none;border-radius:2px;position:absolute;left:12px;right:12px}.hm-ghost{z-index:90;color:var(--color-ink);background:var(--color-raise-3);pointer-events:none;border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-size:13px;display:flex;position:fixed;rotate:-2deg;box-shadow:0 0 0 1px #ffffff14,0 18px 40px -16px #000c}.hm-top{z-index:25;margin-bottom:4px;background:var(--color-bench);align-items:center;gap:8px;height:68px;margin-inline:-16px;padding-inline:16px;display:flex;position:sticky;top:0}@media (min-width:640px){.hm-top{margin-inline:-24px;padding-inline:24px}}@media (min-width:1024px){.hm-top{margin-inline:0 -32px;padding-inline:0 32px}}@media (min-width:1024px) and (max-width:1279px){.hm-top{margin-right:-24px;padding-right:24px}}.hm-top:after{content:"";background:linear-gradient(var(--color-bench), transparent);pointer-events:none;opacity:0;height:16px;animation:linear both hm-bar-fade;animation-timeline:scroll(root);animation-range:0 32px;position:absolute;inset:100% 0 auto}@keyframes hm-bar-fade{to{opacity:1}}@media (min-width:1024px){.hm-top{height:76px}}.hm-search{min-width:0;max-width:560px;height:44px;transition:background-color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);background:#ffffff0e;border-radius:14px;flex:1;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}@media (hover:hover){.hm-search:hover{background:#ffffff12}}.hm-search input{text-overflow:ellipsis;min-width:0;height:100%;color:var(--color-ink);background:0 0;outline:none;flex:1;font-size:14px}.hm-search input::placeholder{color:var(--color-ink-3)}@media (pointer:coarse){.hm-search input{font-size:16px}}.hm-kbd{min-width:22px;height:22px;font-family:var(--font-sans);color:var(--color-ink-3);background:#ffffff0f;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0d}.hm-result{text-align:left;width:100%;min-height:48px;color:var(--color-ink);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:6px 8px;font-size:13.5px;display:flex}.hm-result[data-active=true]{background:#ffffff12}.hm-tabs{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;background:color-mix(in srgb, var(--color-raise-2) 96%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);border-radius:24px;align-items:center;gap:2px;width:min(440px,100vw - 20px);height:64px;padding:0 6px;display:flex;position:fixed;translate:-50%;box-shadow:0 0 0 1px #ffffff12,0 20px 44px -18px #000000e6}.hm-tabs-fade{z-index:39;height:calc(92px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--color-bench) 72%);pointer-events:none;position:fixed;inset:auto 0 0}@media (min-width:1024px){.hm-tabs,.hm-tabs-fade{display:none}}.hm-tab{min-width:0;height:52px;color:var(--color-ink-3);transition:color var(--dur-hover) var(--ease-standard), background-color var(--dur-hover) var(--ease-standard);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:500;display:flex}.hm-tab[aria-current=page]{color:var(--color-ink)}.hm-tab-plus{color:#fff;background:var(--brand-gradient);width:52px;height:52px;box-shadow:inset 0 1px 0 #ffffff4d, 0 10px 24px -10px color-mix(in srgb, var(--brand-amethyst) 90%, transparent);cursor:pointer;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;margin:0 4px;display:flex}.hm-hero{isolation:isolate;background:var(--color-raise);border-radius:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 40px 80px -48px #000000e6}.hm-hero-art{z-index:-2;position:absolute;inset:0}.hm-hero-art canvas{position:absolute;inset:0}.hm-hero-veil{z-index:-1;background:radial-gradient(90% 70% at 50% 58%,#0a0b0e75,#0000 72%),linear-gradient(#0a0b0e2e,#0a0b0e14 40%,#0a0b0e80);position:absolute;inset:0}.hm-hero-empty{background:radial-gradient(60% 80% at 20% 10%, color-mix(in srgb, var(--brand-amethyst) 42%, transparent), transparent 70%), radial-gradient(50% 70% at 90% 90%, color-mix(in srgb, var(--color-teal) 22%, transparent), transparent 70%), var(--color-raise)}.hm-hero h1{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;text-wrap:balance;text-shadow:0 2px 24px #00000059;font-weight:400}.hm-glass{color:#fff;-webkit-backdrop-filter:blur(14px)saturate(1.2);background:#0e0f136b;box-shadow:inset 0 0 0 1px #ffffff24}.hm-glass-btn{cursor:pointer;height:36px;transition:background-color var(--dur-hover) var(--ease-standard);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:13px;font-weight:500;display:inline-flex}@media (hover:hover){.hm-glass-btn:hover{background:#0e0f1394}}.hm-glass-btn[aria-expanded=true]{background:#0e0f139e}.hm-prompt{-webkit-backdrop-filter:blur(20px)saturate(1.3);width:100%;max-width:720px;transition:box-shadow var(--dur-hover) var(--ease-standard), background-color var(--dur-hover) var(--ease-standard);background:#111217d1;border-radius:22px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 60px -28px #000000e6}.hm-prompt textarea{resize:none;width:100%;color:var(--color-ink);background:0 0;outline:none;font-size:15.5px;line-height:24px;display:block}.hm-prompt textarea::placeholder{color:var(--color-ink-3)}.hm-chip{min-width:0;height:32px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:0 10px 0 4px;font-size:12.5px;display:inline-flex}@media (hover:hover){.hm-chip:hover{color:var(--color-ink);background:#ffffff1a}}.hm-chip[aria-expanded=true]{color:var(--color-ink);background:#ffffff1f}.hm-send{color:#15161a;background:var(--color-ink);cursor:pointer;width:38px;height:38px;transition:opacity var(--dur-hover) var(--ease-standard), scale var(--dur-press-out) var(--ease-press), background-color var(--dur-hover) var(--ease-standard);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hm-send:disabled{opacity:.28;cursor:default}@media (max-width:639px){.hm-ideas{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}}.hm-idea{white-space:nowrap;cursor:pointer;height:30px;transition:background-color var(--dur-hover) var(--ease-standard);border-radius:999px;padding:0 12px;font-size:12.5px}.hm-sizes{grid-template-rows:auto auto auto;column-gap:4px;display:grid}.hm-sizes-scroll{grid-auto-columns:120px;grid-auto-flow:column}.hm-sizes-scroll .hm-size{padding-inline:2px}.hm-size{grid-row:span 3;grid-template-rows:subgrid;cursor:pointer;min-width:0;transition:background-color var(--dur-hover) var(--ease-standard);border-radius:18px;justify-items:center;row-gap:0;padding:6px 4px 8px;display:grid}@media (hover:hover){.hm-size:hover{background:#ffffff0a}}.hm-size-box{justify-content:center;align-items:center;width:100%;height:92px;display:flex;position:relative}.hm-size-name{-webkit-line-clamp:2;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;text-align:center;max-width:100%;color:var(--color-ink);-webkit-box-orient:vertical;align-self:start;margin-top:10px;font-size:12.5px;font-weight:500;line-height:16px;display:-webkit-box;overflow:hidden}.hm-size-dims{-webkit-line-clamp:2;text-align:center;text-wrap:balance;max-width:100%;color:var(--color-ink-4);-webkit-box-orient:vertical;align-self:start;margin-top:2px;font-size:11px;line-height:16px;display:-webkit-box;overflow:hidden}.hm-size-dims.tabular-nums{white-space:nowrap}.hm-shape{transition:translate .32s var(--ease-spring), box-shadow var(--dur-hover) var(--ease-standard);border-radius:7px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 14px 26px -14px #000000e6}.hm-shape>:is(canvas,[data-live-mark-background]){position:absolute;inset:0}@media (hover:hover){.hm-size:hover .hm-shape,.hm-tile:hover .hm-shape{translate:0 -3px;box-shadow:0 0 0 1px #ffffff24,0 20px 30px -14px #000000f2}}.hm-size-plus{width:80px;height:80px;color:var(--color-ink-2);transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard), translate .32s var(--ease-spring);background:#ffffff0a;border-radius:20px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff1f}@media (hover:hover){.hm-size:hover .hm-size-plus{color:var(--color-ink);background:#ffffff14;translate:0 -3px}}.hm-fade-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.hm-busy{background:#0a0b0e73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hm-sw{border-radius:9px;flex-shrink:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.hm-sw>:is(canvas,[data-live-mark-background]){position:absolute;inset:0}.hm-mark{border-radius:22px;display:block;position:relative}.hm-mark-art{transition:translate .36s var(--ease-spring), box-shadow var(--dur-hover) var(--ease-standard);border-radius:20px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 22px 40px -28px #000000e6}.hm-mark-art>:is(canvas,[data-live-mark-background]){position:absolute;inset:0}.hm-mark-art{container-type:inline-size}.hm-stack{align-items:flex-end;display:flex}.hm-mark-title{padding-right:128px}@container (max-width:300px){.hm-stack{display:none}.hm-mark-title{padding-right:0}}@media (hover:hover){.hm-mark:hover .hm-mark-art{translate:0 -3px;box-shadow:0 0 0 1px #ffffff1f,0 28px 44px -26px #000000f2}}.hm-mark-shade{pointer-events:none;background:linear-gradient(#0000,#08090c9e);height:62%;position:absolute;inset:auto 0 0}.hm-status{white-space:nowrap;min-width:0;max-width:100%;height:22px;color:var(--color-ink-2);background:#ffffff12;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.hm-status[data-tone=glass]{color:#ffffffeb;-webkit-backdrop-filter:blur(8px);background:#0c0d1075}.hm-status[data-tone=good]{color:var(--color-good);background:color-mix(in srgb, var(--color-good) 12%, transparent)}.hm-status[data-tone=warn]{color:var(--color-warn);background:color-mix(in srgb, var(--color-warn) 12%, transparent)}.hm-add{color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);background:#ffffff06;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff14}@media (hover:hover){.hm-add:hover{color:var(--color-ink);background:#ffffff0d;box-shadow:inset 0 0 0 1.5px #ffffff24}}.hm-add[aria-expanded=true]{color:var(--color-ink);background:#ffffff0f}.hm-add-plus{background:#ffffff12;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hm-banner{isolation:isolate;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 40px 80px -48px #000000e6}.hm-banner-veil{pointer-events:none;background:linear-gradient(#08090c33,#0000 30% 45%,#08090ca8);position:absolute;inset:0}.hm-inline{transition:background-color var(--dur-hover) var(--ease-standard);border-radius:12px}@media (hover:hover){.hm-inline:hover{background:#ffffff1a}}.hm-tile{min-width:0;position:relative}.hm-thumb{transition:background-color var(--dur-hover) var(--ease-standard);background:#ffffff09;border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}@media (hover:hover){.hm-tile:hover .hm-thumb{background:#ffffff0f}}.hm-thumb>:is(img,[data-design-preview]){object-fit:contain;max-width:calc(100% - 28px);max-height:calc(100% - 28px);transition:translate .32s var(--ease-spring);border-radius:6px;box-shadow:0 1px #ffffff0a,0 18px 32px -16px #000000e6}@media (hover:hover){.hm-tile:hover .hm-thumb>:is(img,[data-design-preview]){translate:0 -3px}}.hm-reveal{opacity:1;transition:opacity .16s var(--ease-out)}@media (hover:hover){.hm-reveal{opacity:0}.hm-tile:hover .hm-reveal,.hm-tile:focus-within .hm-reveal,.hm-mark:hover .hm-reveal,.hm-mark:focus-within .hm-reveal,[data-menu=true].hm-reveal{opacity:1}}.hm-dot-btn{color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;width:32px;height:32px;transition:background-color var(--dur-hover) var(--ease-standard), opacity .16s var(--ease-out);background:#0c0d108c;border-radius:11px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}@media (hover:hover){.hm-dot-btn:hover{background:#0c0d10bf}}.hm-row{min-height:64px;transition:background-color var(--dur-hover) var(--ease-standard);border-radius:16px;grid-template-columns:56px minmax(0,1fr) 44px;align-items:center;gap:14px;padding:4px 6px 4px 4px;display:grid;position:relative}@media (min-width:768px){.hm-row{grid-template-columns:56px minmax(0,1fr) minmax(0,220px) 140px 44px}}@media (hover:hover){.hm-row:hover{background:#ffffff0a}}.hm-row-thumb{background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.hm-row-thumb>:is(img,[data-design-preview]){object-fit:contain;border-radius:3px;max-width:80%;max-height:80%}.hm-filter{white-space:nowrap;max-width:240px;height:34px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);background:#ffffff0d;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:0 13px;font-size:13px;display:inline-flex}.hm-filter:has(.hm-sw){padding-left:5px}@media (hover:hover){.hm-filter:hover{color:var(--color-ink);background:#ffffff17}}.hm-filter[aria-pressed=true]{color:#15161a;background:var(--color-ink)}.hm-seg{background:#ffffff0d;border-radius:12px;height:36px;padding:3px;display:inline-flex}.hm-seg button{width:34px;color:var(--color-ink-3);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);border-radius:9px;justify-content:center;align-items:center;display:flex}.hm-seg button[aria-pressed=true]{color:var(--color-ink);background:#ffffff1a}.hm-h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:34px;font-weight:400;line-height:40px}@media (min-width:640px){.hm-h1{font-size:42px;line-height:48px}}.hm-h2{letter-spacing:-.012em;color:var(--color-ink);font-size:18px;font-weight:600;line-height:26px}.hm-empty{background:#ffffff06;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff0d}.hm-check{color:#15161a;-webkit-backdrop-filter:blur(8px);cursor:pointer;width:28px;height:28px;transition:background-color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard), opacity .16s var(--ease-out), scale var(--dur-press-out) var(--ease-press);background:#0c0d1080;border-radius:999px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1.5px #ffffffb3}.hm-check[data-on=true]{background:var(--color-ink);box-shadow:none}.hm-tile[data-picked=true] .hm-thumb,.hm-tile[data-picked=true].hm-row{background:#ffffff17;box-shadow:inset 0 0 0 2px #ffffff8c}.hm-tile[data-picked=true] .hm-thumb>:is(img,[data-design-preview]){scale:.94}.hm-thumb>:is(img,[data-design-preview]){transition:translate .32s var(--ease-spring), scale .32s var(--ease-spring)}.hm-bulk{left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:45;background:var(--color-raise-2);white-space:nowrap;border-radius:18px;align-items:center;gap:6px;max-width:calc(100vw - 20px);padding:6px 8px 6px 6px;display:flex;position:fixed;overflow-x:auto;translate:-50%;box-shadow:0 0 0 1px #ffffff14,0 24px 50px -18px #000000e6}.hm-bulk>*{flex-shrink:0}@media (min-width:1024px){.hm-bulk{bottom:24px;left:calc(50% + (var(--hm-side,272px) + var(--hm-gap,12px)) / 2)}}.hm-cr{background:var(--color-raise);border-radius:28px 28px 0 0;outline:none;flex-direction:column;width:100%;max-width:1040px;height:min(92dvh,720px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 40px 100px -30px #000000e6}@media (min-width:768px){.hm-cr{border-radius:28px;height:min(100dvh - 48px,700px)}}@media (min-width:1024px){.hm-cr{max-width:min(1040px,100vw - 96px);height:min(100dvh - 96px,700px)}}.hm-cr-scroll{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.hm-cr-scroll[data-scrolled=true]{-webkit-mask-image:linear-gradient(#0000,#000 20px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 20px calc(100% - 28px),#0000)}.hm-cat{text-align:left;width:100%;min-height:40px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-size:13.5px;line-height:18px;display:flex}@media (hover:hover){.hm-cat:hover{color:var(--color-ink);background:#ffffff0d}}.hm-cat[aria-current=true]{color:var(--color-ink);background:#ffffff17;font-weight:500}.hm-cat-chip{height:34px;color:var(--color-ink-2);cursor:pointer;background:#ffffff0d;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.hm-cat-chip[aria-current=true]{color:#15161a;background:var(--color-ink)}.hm-fmt{text-align:left;cursor:pointer;min-width:0;transition:background-color var(--dur-hover) var(--ease-standard);border-radius:18px;flex-direction:column;padding:8px;display:flex}@media (hover:hover){.hm-fmt:hover{background:#ffffff0b}.hm-fmt:hover .hm-shape{translate:0 -3px}}.hm-fmt:disabled{cursor:wait}.hm-fmt-box{background:#ffffff08;border-radius:13px;justify-content:center;align-items:center;height:124px;display:flex}.hm-unit{background:#ffffff0d;border-radius:12px;height:36px;padding:3px;display:flex}.hm-unit button{color:var(--color-ink-3);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);border-radius:9px;flex:1;font-size:12.5px}.hm-unit button[aria-checked=true]{color:var(--color-ink);background:#ffffff1c}.hm-num{height:48px;transition:background-color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);background:#ffffff0d;border-radius:14px;align-items:center;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.hm-num[data-bad=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-warn) 55%, transparent)}.hm-num input{font-variant-numeric:tabular-nums;min-width:0;color:var(--color-ink);background:0 0;outline:none;flex:1;font-size:17px;font-weight:500}.hm-ratio{font-feature-settings:normal;height:32px;color:var(--color-ink-2);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard);background:#ffffff0d;border-radius:999px;padding:0 11px;font-size:12px}@media (hover:hover){.hm-ratio:hover{color:var(--color-ink);background:#ffffff17}}.hm-ratio[aria-pressed=true],.hm-ratio[aria-checked=true]{color:var(--color-ink);background:#ffffff21}.hm-preview-shape{transition:width .42s var(--ease-spring), height .42s var(--ease-spring)}.hm-cap-more{display:none}@media (hover:none){.hm-tile .hm-dot-btn{display:none}.hm-cap-more{display:flex}.hm-check:not([data-shown=true]){display:none}}@media (pointer:coarse){.hm-menu [role=menuitem]{min-height:44px}.hm-ratio{height:40px;padding:0 14px}.hm-cat-chip,.hm-idea{min-height:44px}.hm-unit,.hm-seg{height:44px}.hm-seg button{width:44px;position:relative}.hm-seg button:after{content:"";position:absolute;inset:-3px 0}.hm-check{width:34px;height:34px}.hm-dot-btn{border-radius:13px;width:44px;height:44px}.hm-glass-btn{height:44px}.hm-send{width:44px;height:44px}.hm-chip{height:44px}.hm-prompt textarea{font-size:16px}}.hm-sheet [role=menuitem]{min-height:48px;font-size:15px}.hm-sheet [role=menuitem] [data-hint]{font-size:13px}.hm-recent>:nth-child(n+5){display:none}@media (min-width:640px){.hm-recent>:nth-child(n+5){display:block}.hm-recent>:nth-child(n+7){display:none}}@media (min-width:1280px){.hm-recent>:nth-child(n+7){display:block}.hm-recent>:nth-child(n+9){display:none}}@media (min-width:1536px){.hm-recent>:nth-child(n+9){display:block}.hm-recent>:nth-child(n+11){display:none}}.hm-sfd{position:relative}.hm-sfd-s .hm-sfd-row{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 40px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 40px 100%)}.hm-sfd-e .hm-sfd-row{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000 100%)}.hm-sfd-s.hm-sfd-e .hm-sfd-row{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 40px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 40px calc(100% - 40px),#0000 100%)}.hm-sfd-arrow{width:36px;height:36px;color:var(--color-ink);background:var(--color-raise-2);box-shadow:var(--float);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out), background-color .18s var(--ease-out);border-radius:999px;place-items:center;display:none;position:absolute;top:57px}.hm-sfd-prev{left:-6px}.hm-sfd-next{right:-6px}@media (hover:hover) and (pointer:fine){.hm-sfd-arrow{display:grid}.hm-sfd-s .hm-sfd-row{-webkit-mask-image:linear-gradient(90deg,#0000 0 28px,#000 112px 100%);mask-image:linear-gradient(90deg,#0000 0 28px,#000 112px 100%)}.hm-sfd-e .hm-sfd-row{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 112px),#0000 calc(100% - 28px));mask-image:linear-gradient(90deg,#000 0 calc(100% - 112px),#0000 calc(100% - 28px))}.hm-sfd-s.hm-sfd-e .hm-sfd-row{-webkit-mask-image:linear-gradient(90deg,#0000 0 28px,#000 112px calc(100% - 112px),#0000 calc(100% - 28px));mask-image:linear-gradient(90deg,#0000 0 28px,#000 112px calc(100% - 112px),#0000 calc(100% - 28px))}}.hm-sfd-s .hm-sfd-prev,.hm-sfd-e .hm-sfd-next{opacity:1;pointer-events:auto}.hm-in{animation:hm-in .42s var(--ease-out) backwards}@keyframes hm-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}}@media (hover:hover){.hm-sfd-arrow:hover{background:var(--color-raise-3)}}@media (prefers-reduced-motion:reduce){.hm-in,.hm-shape,.hm-mark-art,.hm-thumb>:is(img,[data-design-preview]),.hm-preview-shape{transition:none!important;animation:none!important}}