@font-face{font-family:Google Sans;src:url(/fonts/google-sans-subset.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:block}:root{--cn-fs-2xs:10px;--cn-fs-xs:11px;--cn-fs-sm:12px;--cn-fs-md:13px;--cn-fs-lg:14px;--cn-fs-xl:16px;--cn-fs-2xl:18px;--cn-fs-3xl:22px;--cn-fs-4xl:28px;--cn-fs-5xl:32px}.cn-shell{--cn-rail-w:260px;--cn-row-h:36px;--cn-swatch-w:72px;--cn-swatch-h:54px;--cn-text:oklch(98.5% 0 0);--cn-text-2:oklch(85% 0 0);--cn-text-3:oklch(70.8% 0 0);--cn-rail-bg:oklch(0% 0 0);--cn-surface:hsl(0 0% 8%);--cn-card:oklch(20.5% 0 0);--cn-line:oklch(100% 0 0/0.1);--cn-line-strong:oklch(100% 0 0/0.15);--cn-fill:oklch(100% 0 0/0.06);--cn-fill-strong:oklch(26.9% 0 0);--cn-accent:oklch(100% 0 0);--cn-accent-fg:oklch(0% 0 0);--cn-r-sm:6px;--cn-r-md:10px;--cn-r-lg:14px;--cn-r-pill:9999px;--cn-ease:cubic-bezier(0.4,0,0.2,1);--cn-ease-out:cubic-bezier(0,0,0.2,1);--cn-dur:150ms;--cn-dur-lg:200ms;color-scheme:dark;height:100dvh;display:flex;overflow:hidden;background:var(--cn-surface);color:var(--cn-text);font-family:"Google Sans",var(--font-instrument),"Helvetica Neue",Arial,sans-serif;font-size:var(--cn-fs-lg);font-weight:400;line-height:22px}.cn-page{width:100%;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;flex:1;min-height:0}.cn-shell *,.cn-shell :after,.cn-shell :before{box-sizing:border-box}.cn-rail{width:var(--cn-rail-w);flex-shrink:0;display:flex;flex-direction:column;padding:0 6px;background:var(--cn-rail-bg);border-right:1px solid var(--cn-line);overflow:hidden;transition:width var(--cn-dur-lg) var(--cn-ease),padding var(--cn-dur-lg) var(--cn-ease)}.cn-rail__body{display:flex;min-height:0;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cn-line-strong) transparent}.cn-brand{gap:8px;padding:12px 0 6px}.cn-brand__mark{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--cn-r-md);background:var(--cn-accent);color:var(--cn-accent-fg)}.cn-brand__name{font-size:var(--cn-fs-xl);font-weight:480;letter-spacing:-.1px}.cn-row{display:flex;align-items:center;width:100%;height:var(--cn-row-h);gap:6px;padding:2px 8px 2px 2px;border:0;border-radius:var(--cn-r-md);background:transparent;color:var(--cn-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:transform var(--cn-dur) var(--cn-ease)}.cn-row:active{transform:scale(.98)}.cn-row:hover{background:var(--cn-fill-strong)}.cn-row--active,.cn-row[aria-current=page]{background:var(--cn-fill)}.cn-row--active .cn-row__label,.cn-row[aria-current=page] .cn-row__label{font-weight:480}.cn-row__icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--cn-r-sm);color:var(--cn-text-2)}.cn-row__label{flex:1;min-width:0;font-size:var(--cn-fs-xl);font-weight:450;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-cap{display:flex;align-items:center;width:100%;height:32px;font-size:var(--cn-fs-lg);gap:8px;padding:0 8px 0 32px;border:0;border-radius:var(--cn-r-md);background:transparent;color:var(--cn-text-2);font:inherit;font-size:var(--cn-fs-md);line-height:20px;text-align:left;text-decoration:none;cursor:pointer}.cn-cap:hover{background:var(--cn-fill)}.cn-cap[aria-current=page]{background:var(--cn-fill-strong);color:var(--cn-text)}.cn-row__count{flex-shrink:0;font-size:var(--cn-fs-md);font-weight:500;line-height:20px;font-variant-numeric:tabular-nums;color:var(--cn-text-3)}.cn-row--active .cn-row__count,.cn-row[aria-current=page] .cn-row__count{color:var(--cn-text-2)}.cn-cap__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-cap__mark{position:relative;display:grid;place-items:center;width:16px;height:16px;flex-shrink:0;overflow:hidden;border-radius:4px;background:var(--cn-fill-strong);box-shadow:inset 0 0 0 1px var(--cn-line);color:var(--cn-text-3);font-size:var(--cn-fs-2xs);font-weight:620;line-height:1;text-transform:uppercase}.cn-cap__mark img{width:100%;height:100%;padding:2px;object-fit:contain;background:oklch(94% 0 0)}.cn-cap[aria-current=page] .cn-cap__mark{box-shadow:inset 0 0 0 1px var(--cn-text-3)}.cn-cap__mark[data-state=working]{outline:1px dashed var(--cn-text-3)}.cn-cap__mark[data-state=failed]{outline:1px solid currentColor}.cn-sect{padding:0 8px 4px;font-size:var(--cn-fs-md);font-weight:500;line-height:22px;letter-spacing:.3px;color:var(--cn-text-3)}.cn-sect--projects{color:#9fc5ff}.cn-sect--pinned{color:#d6b4ff}.cn-sect--recent{color:#8fe1cc}.cn-sect__icon{display:inline-grid;place-items:center}.cn-tiny{font-size:var(--cn-fs-sm);font-weight:480;line-height:20px;letter-spacing:.2px;color:var(--cn-text-3)}.cn-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.cn-code{margin:0;font-size:var(--cn-fs-sm);font-weight:400;line-height:20px;color:var(--cn-text-2)}.cn-code__label,.cn-code__punct{color:var(--cn-text-3)}.cn-code__label{font-size:var(--cn-fs-xs);font-weight:400;line-height:18px;letter-spacing:.2px}.cn-badge{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;font-size:var(--cn-fs-sm);font-weight:480;line-height:20px;letter-spacing:.2px;white-space:nowrap}.cn-badge--solid{background:var(--cn-accent);color:var(--cn-accent-fg)}.cn-badge--muted{color:var(--cn-text-2)}.cn-badge--muted,.cn-meter{background:var(--cn-fill-strong)}.cn-meter{height:4px;border-radius:2px;overflow:hidden}.cn-meter__fill{height:100%;border-radius:2px;background:var(--cn-accent)}.cn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:4px 16px;border:0;border-radius:var(--cn-r-pill);font:inherit;font-size:var(--cn-fs-lg);font-weight:400;line-height:16px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease)}.cn-btn:active{transform:scale(.98)}.cn-btn:focus-visible,.cn-captab:focus-visible,.cn-media__filter:focus-visible,.cn-seg__option:focus-visible,.cn-tokenFormats button:focus-visible{outline:2px solid var(--cn-text);outline-offset:2px}.cn-btn:disabled{cursor:not-allowed;opacity:.58;transform:none}.cn-btn--primary{background:var(--cn-accent);color:var(--cn-accent-fg)}.cn-btn--primary:hover{background:oklch(90% 0 0)}.cn-btn--secondary{background:var(--cn-fill-strong);color:var(--cn-text)}.cn-btn--secondary:hover{background:oklch(34% 0 0)}.cn-btn--gradient{background:linear-gradient(105deg,var(--color-grad-peach,#ffeed8),var(--color-grad-violet,#d0b2ff));color:var(--color-primary-dark,#111111);font-weight:500;box-shadow:0 0 10px rgba(208,178,255,.45);transition:box-shadow var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease)}.cn-btn--gradient:hover{box-shadow:0 0 16px rgba(208,178,255,.62)}.cn-btn--gradient:disabled{box-shadow:none}.cn-btn--sm{height:28px;padding:0 12px;font-size:var(--cn-fs-md)}.cn-btn--icon{width:32px;padding:0}.cn-capture-truth{display:flex;align-items:baseline;gap:7px;max-width:820px;margin:-8px 0 0;padding-left:10px;border-left:2px solid var(--cn-line-strong);color:var(--cn-text-3);font-size:var(--cn-fs-md);line-height:19px;text-wrap:pretty}.cn-capture-truth strong{flex-shrink:0;color:var(--cn-text-2);font-weight:500}.cn-main{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 40px;overflow-y:auto}.cn-header{height:72px;flex-shrink:0;display:flex;align-items:center;gap:10px;padding-bottom:20px}.cn-crumb{font-size:var(--cn-fs-xl);line-height:24px;color:var(--cn-text-3)}.cn-crumb--current{color:var(--cn-text);font-weight:480}.cn-welcome{min-width:0;margin:0;color:var(--cn-text);font-size:clamp(28px,2.5vw,36px);font-weight:580;letter-spacing:-.035em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-header:has(.cn-welcome){height:86px;align-items:center;padding-bottom:0}.cn-search{border:1px solid var(--cn-line);display:flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:var(--cn-r-pill);background:var(--cn-fill);color:var(--cn-text-3)}.cn-avatar,.cn-search{font-size:var(--cn-fs-lg)}.cn-avatar{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--cn-fill-strong);color:var(--cn-text);font-weight:600;line-height:1;transition:opacity .16s ease,box-shadow .16s ease}.cn-avatar img{width:100%;height:100%;display:block;object-fit:cover}.cn-avatar>span{display:block;line-height:1;transform:translateY(.5px)}.cn-h1{font-size:var(--cn-fs-4xl);font-weight:400;line-height:34px;letter-spacing:-.3px}.cn-card{background:var(--cn-card);border:1px solid var(--cn-line);border-radius:var(--cn-r-lg)}.cn-card--lead{border-color:oklch(100% 0 0/.22)}.cn-card--dashed{background:transparent;border:1px dashed oklch(100% 0 0/.22)}.cn-card__title{font-size:var(--cn-fs-xl);font-weight:500;line-height:22px}.cn-filename{font-size:var(--cn-fs-md);font-weight:500;line-height:18px;color:var(--cn-text)}.cn-card--pad{padding:20px 22px}.cn-stack{display:flex;flex-direction:column}.cn-rowflex{display:flex;align-items:center}.cn-grow{flex:1}.cn-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cn-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cn-grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.cn-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}@media (max-width:1180px){.cn-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.cn-shell{padding-bottom:66px}.cn-main{padding-inline:20px}.cn-rail{position:fixed;inset:auto 0 0;z-index:80;width:100%;height:66px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:visible;border-top:1px solid var(--cn-line-strong);border-right:0;background:color-mix(in oklab,var(--cn-rail-bg) 94%,transparent);backdrop-filter:blur(18px)}.cn-rail>*{display:none}.cn-rail>.cn-rail__body{display:contents}.cn-rail__body>*{display:none}.cn-rail>.cn-projectRow--mobile-unfiled,.cn-rail__body>a.cn-row{display:flex}.cn-projectRow--mobile-unfiled>.cn-row,.cn-rail__body>a.cn-row{min-width:0;height:48px;align-items:center;justify-content:center;gap:6px;padding:5px 8px;border-radius:10px}.cn-projectRow--mobile-unfiled>.cn-row{display:flex}.cn-projectRow--mobile-unfiled .cn-chevBtn,.cn-projectRow--mobile-unfiled>[id=captures-unfiled],.cn-rail .cn-row__count{display:none}.cn-projectRow--mobile-unfiled .cn-row__link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;color:inherit;text-decoration:none}.cn-rail .cn-row__label{flex:0 1 auto}}.cn-page:has(>.cn-capturebar){flex:none;min-height:max-content}.cn-capturebar{position:sticky;top:0;z-index:6;display:flex;flex-direction:column;gap:16px;margin-inline:-40px;padding:0 40px 14px;margin-bottom:22px;background:var(--cn-surface)}@media (max-width:860px){.cn-capturebar{margin-inline:-20px;padding-inline:20px;margin-bottom:16px}}.cn-capture-heading{display:flex;align-items:center;gap:20px;min-width:0}.cn-capture-heading__primary{display:flex;align-items:center;gap:12px;min-width:0}.cn-capture-heading__time{margin-left:auto;color:var(--cn-text);font-size:var(--cn-fs-xl);font-weight:500;line-height:22px;white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:720px){.cn-capture-heading{align-items:flex-start;flex-direction:column;gap:6px}.cn-capture-heading__primary{flex-wrap:wrap}.cn-capture-heading__time{margin-left:0}}@media (max-width:620px){.cn-main{padding-inline:14px}.cn-header{height:64px;padding-bottom:12px}.cn-header:has(.cn-welcome){height:88px;padding-bottom:18px}.cn-welcome{font-size:var(--cn-fs-4xl)}}.cn-menu{position:absolute;top:52px;right:0;z-index:40;width:240px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgb(255 255 255/8%);border-radius:20px;background:rgb(38 38 38/92%);box-shadow:0 12px 80px rgb(0 0 0/16%);color:#fff;opacity:0;pointer-events:none;transform:translateY(-10px) scale(.965);transform-origin:top right;transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.cn-menu[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.cn-account--rail .cn-menu{top:auto;right:8px;bottom:calc(100% + 8px);left:8px;width:auto;transform:translateY(10px) scale(.965);transform-origin:bottom left}.cn-account--rail .cn-menu[data-open=true]{transform:translateY(0) scale(1)}.cn-menu__account{display:flex;flex-direction:column;padding:18px}.cn-menu__account strong{font-size:var(--cn-fs-xl);font-weight:600;line-height:24px}.cn-menu__account span{color:rgb(255 255 255/58%);font-size:var(--cn-fs-lg);line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-menu__account .cn-menu__meta{width:fit-content;margin-top:10px;border:1px solid rgb(255 255 255/10%);border-radius:999px;background:rgb(255 255 255/5%);color:rgb(255 255 255/62%);padding:3px 8px;font-size:var(--cn-fs-sm);font-weight:600;line-height:17px}.cn-menu__sep{height:1px;background:rgb(255 255 255/9%)}.cn-menu__group{display:flex;flex-direction:column;align-items:stretch;padding:8px}.cn-menu__item{display:flex;align-items:center;justify-content:flex-start;width:100%;height:36px;gap:8px;padding:0 10px;border:0;border-radius:12px;background:transparent;color:#fff;font:inherit;font-size:var(--cn-fs-xl);font-weight:600;line-height:24px;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .15s ease}.cn-menu__item:focus-visible,.cn-menu__item:hover{outline:none;background:rgb(255 255 255/12%)}.cn-menu__item svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8}.cn-menu__item span:first-of-type{flex:1}.cn-menu__item--danger{color:#ff6b6b}.cn-menu__item--danger:focus-visible,.cn-menu__item--danger:hover{color:#ff8585;background:rgb(255 72 72/12%)}.cn-menu__footer{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 18px}.cn-menu__footer a{color:rgb(255 255 255/58%);font-size:var(--cn-fs-sm);font-weight:600;text-decoration:none}.cn-menu__footer a:focus-visible,.cn-menu__footer a:hover{color:#fff;outline:none;text-decoration:underline}.cn-avatar{border:0;padding:0;cursor:pointer}.cn-avatar:hover{opacity:.9}.cn-avatar:focus-visible{outline:none;box-shadow:0 0 0 4px rgb(255 255 255/18%)}.cn-avatar[aria-expanded=true]{box-shadow:0 0 0 2px rgba(112,115,147,.34)}.cn-account{position:relative;display:flex}@media (prefers-reduced-motion:reduce){.cn-menu{transition:none}}.cn-wide{width:100%;max-width:1792px;margin:0 auto;display:flex;flex-direction:column;gap:56px;padding-bottom:56px}.cn-demo{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);gap:20px;align-items:stretch}@media (max-width:1100px){.cn-demo{grid-template-columns:minmax(0,1fr)}}.cn-player{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--cn-line);border-radius:var(--cn-r-lg);background:var(--cn-card)}.cn-player__psage{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(158deg,#f6f9fc,#e3e8ee)}.cn-player__video{width:100%;height:100%;display:block;object-fit:cover}.cn-player__bar{display:flex;align-items:center;gap:14px;height:48px;flex-shrink:0;padding:0 18px;border-top:1px solid var(--cn-line)}.cn-steps{display:flex;flex-direction:column;gap:10px;height:100%}.cn-step{position:relative;isolation:isolate;overflow:hidden;flex:1 1 0;display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:1px solid var(--cn-line);border-radius:var(--cn-r-md);color:inherit;font:inherit;text-align:left;cursor:pointer;background:oklch(100% 0 0/.04);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);transition:transform var(--cn-dur) var(--cn-ease),border-color var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-step:before{content:"";position:absolute;inset:-60%;z-index:-1;opacity:0;background:conic-gradient(from 0deg,#6b5f9e 0deg,#574b87 80deg,#453b70 150deg,#3a3352 220deg,#7a6cae 300deg,#6b5f9e 1turn);filter:blur(42px) saturate(.9);transition:opacity var(--cn-dur-lg) var(--cn-ease-out)}.cn-step[aria-selected=true]:before{opacity:.3;animation:cn-step-drift 18s linear infinite}@keyframes cn-step-drift{0%{transform:rotate(0deg) scale(1.1)}to{transform:rotate(1turn) scale(1.1)}}.cn-step:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(160deg,oklch(100% 0 0/.1),transparent 42%)}.cn-step:hover{border-color:var(--cn-line-strong);background:oklch(100% 0 0/.07)}.cn-step:active{transform:scale(.98)}.cn-step[aria-selected=true]{border-color:color-mix(in oklab,#8a68ff,transparent 62%);background:oklch(100% 0 0/.045);box-shadow:0 0 0 1px color-mix(in oklab,#8a68ff,transparent 82%)}.cn-step:hover{border-color:color-mix(in oklab,#8a68ff,transparent 45%);box-shadow:0 0 0 1px color-mix(in oklab,#8a68ff,transparent 62%),0 0 26px -6px color-mix(in oklab,#8a68ff,transparent 55%)}.cn-step__n{flex-shrink:0;padding-top:2px;font-size:var(--cn-fs-sm);color:var(--cn-text-3)}.cn-step[aria-selected=true] .cn-step__n{color:var(--cn-text)}.cn-step__title{font-weight:500}.cn-step__body,.cn-step__title{font-size:var(--cn-fs-lg);line-height:20px}.cn-step__body{color:var(--cn-text-3);text-wrap:pretty}.cn-step__meter{height:3px;margin-top:10px;border-radius:2px;background:var(--cn-fill);overflow:hidden}.cn-step__fill{display:block;height:100%;width:100%;transform-origin:left;border-radius:2px;background:linear-gradient(90deg,#8a68ff,#b9a6ff)}.cn-library-tools{display:flex;flex-direction:column;gap:16px}.cn-omni{width:100%;display:flex;align-items:center;gap:12px;height:48px;padding:0 20px;border:0;border-radius:24px;background:var(--cn-fill-strong);box-shadow:inset 0 0 0 1px var(--cn-line);transition:box-shadow var(--cn-dur) var(--cn-ease)}.cn-omni:focus-within{box-shadow:inset 0 0 0 2px var(--cn-line-strong)}.cn-omni>svg{width:20px;height:20px;flex:none}.cn-omni__input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--cn-text);font-family:inherit;font-size:var(--cn-fs-xl);font-weight:456;line-height:22px;letter-spacing:.2px}.cn-omni__input::placeholder{color:var(--cn-text-3)}.cn-filter-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:32px}.cn-filter{position:relative;flex:none}.cn-filter-chip{height:32px;display:inline-flex;align-items:center;border:0;border-radius:16px;background:var(--cn-fill);box-shadow:inset 0 0 0 1px var(--cn-line);color:var(--cn-text-2);font:inherit;font-size:var(--cn-fs-lg);font-weight:500;line-height:20px;letter-spacing:.2px;white-space:nowrap;transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}.cn-filter-chip:hover{color:var(--cn-text);background:var(--cn-fill-strong)}.cn-filter-chip:focus-within{box-shadow:inset 0 0 0 2px var(--cn-text)}.cn-filter-chip[data-selected=true]{color:var(--cn-text);box-shadow:inset 0 0 0 2px var(--cn-text)}.cn-filter-chip__clear,.cn-filter-chip__trigger{height:100%;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.cn-filter-chip__trigger{gap:4px;padding:0 12px}.cn-filter-chip[data-selected=true] .cn-filter-chip__trigger{padding-right:4px}.cn-filter-chip__clear{width:24px;margin-right:4px;padding:0;border-radius:50%}.cn-filter-chip__clear:focus-visible,.cn-filter-chip__trigger:focus-visible{outline:none}.cn-filter-chip__clear:hover{background:rgb(255 255 255/12%)}.cn-filter-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cn-filter-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:240px;padding:8px;border:1px solid var(--cn-line);border-radius:14px;background:#202020;box-shadow:0 18px 48px rgb(0 0 0/38%)}.cn-filter-option{width:100%;min-height:40px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--cn-text-2);font:inherit;font-size:var(--cn-fs-xl);font-weight:600;line-height:22px;text-align:left;cursor:pointer}.cn-filter-option:focus-visible,.cn-filter-option:hover{outline:none;background:rgb(255 255 255/8%);color:#fff}.cn-filter-option[aria-selected=true]{color:#fff;background:rgb(255 255 255/8%)}.cn-filter-option span{flex:1;min-width:0}.cn-filter-option svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cn-sort-direction{height:32px;display:inline-flex;align-items:center;padding:3px;border-radius:16px;background:var(--cn-fill);box-shadow:inset 0 0 0 1px var(--cn-line)}.cn-sort-direction button{width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:13px;background:transparent;color:var(--cn-text-3);cursor:pointer;transition:color .15s var(--cn-ease),background-color .15s var(--cn-ease)}.cn-sort-direction button:hover{color:var(--cn-text)}.cn-sort-direction button:focus-visible{outline:2px solid var(--cn-text);outline-offset:1px}.cn-sort-direction button[aria-pressed=true]{color:var(--cn-text);background:var(--cn-fill-strong)}.cn-sort-direction svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cn-filter-divider{width:1px;height:20px;margin:0 4px;background:var(--cn-line)}.cn-filter-count{color:var(--cn-text);font-size:var(--cn-fs-md);font-weight:500;line-height:20px;letter-spacing:.2px;white-space:nowrap}.cn-filter-clear{margin-left:auto;padding:0;border:0;background:transparent;color:var(--cn-text-2);font:inherit;font-size:var(--cn-fs-lg);font-weight:600;line-height:20px;cursor:pointer}.cn-filter-clear:focus-visible,.cn-filter-clear:hover{color:var(--cn-text);outline:none;text-decoration:underline}@media (max-width:720px){.cn-omni{height:40px;gap:8px;padding:0 16px;border-radius:20px}.cn-omni>svg{width:16px;height:16px}.cn-filter-strip{align-items:flex-start}.cn-filter-divider{display:none}.cn-filter-count{width:100%;order:2}}.cn-tabs{display:flex;align-items:center;gap:20px}.cn-tab{padding:0;border:0;background:transparent;color:var(--cn-text-3);font:inherit;font-size:var(--cn-fs-xl);line-height:24px;cursor:pointer;transition:color var(--cn-dur) var(--cn-ease)}.cn-tab:hover{color:var(--cn-text-2)}.cn-tab[data-active=true]{color:var(--cn-text);font-weight:500}.cn-tiles{container-type:inline-size}.cn-tiles__grid{display:grid;grid-template-columns:1fr;gap:16px}@container (min-width: 384px){.cn-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}@container (min-width: 896px){.cn-tiles__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cn-tile{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--cn-dur) var(--cn-ease)}.cn-tile:active{transform:scale(.98)}.cn-tile__frame{position:relative;aspect-ratio:3/2;border-radius:var(--cn-r-lg);border:1px solid var(--cn-line);background:oklch(0 0 0);overflow:hidden}.cn-tile__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(0 0 0/.3),transparent 34%);opacity:0;transition:opacity var(--cn-dur-lg) var(--cn-ease-out)}.cn-tile:hover .cn-tile__frame:after{opacity:1}.cn-tile__meta{display:flex;align-items:center;gap:8px;min-width:0}.cn-tile__name{flex:1;min-width:0;font-size:var(--cn-fs-lg);line-height:20px}.cn-tile--capture{gap:10px}.cn-tile--capture .cn-tile__frame{aspect-ratio:16/10;border:1px solid var(--cn-line);border-radius:var(--cn-r-lg);background:#191919;isolation:isolate}.cn-tile--capture .cn-tile__frame:after{content:none}.cn-tile--capture:hover .cn-tile__frame{border-color:var(--cn-line-strong);box-shadow:none}.cn-tile__preview{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;background:#191919}.cn-tile__preview-empty{display:grid;width:100%;height:100%;place-items:center;background:#191919;color:var(--cn-text-3);font-size:var(--cn-fs-md)}.cn-tile__state{position:absolute;top:18px;left:18px;z-index:4;display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:8px;background:rgb(255 255 255/.9);color:#171717;font-size:var(--cn-fs-xs);font-weight:500;line-height:1;box-shadow:0 1px 10px rgb(0 0 0/.14);backdrop-filter:blur(8px)}.cn-tile__copy{display:grid;gap:3px;min-width:0;padding:0 2px;color:var(--cn-text)}.cn-tile--capture .cn-tile__name{display:block;min-width:0;color:var(--cn-text);font-size:var(--cn-fs-lg);font-weight:550;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-tile__path{display:-webkit-box;overflow:hidden;color:var(--cn-text-2);font-size:var(--cn-fs-md);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.cn-tile__time{margin-top:4px;color:var(--cn-text-3);font-size:var(--cn-fs-xs);line-height:1.3}.cn-trash-library{gap:0;padding-top:30px}.cn-trash-library__head{align-items:flex-end}.cn-trash-library__head .cn-h1{font-size:clamp(32px,2.4vw,40px);font-weight:560;letter-spacing:-.04em;line-height:1.08}.cn-trash-library__head .cn-sub{margin:8px 0 0;color:var(--cn-text-2);font-size:var(--cn-fs-xl);line-height:24px}.cn-trash-selection{display:flex;min-height:48px;align-items:center;gap:12px;border:1px solid var(--cn-line);border-radius:12px;background:var(--cn-fill);padding:9px 12px;animation:cn-trash-selection-in .18s var(--cn-ease-out)}.cn-trash-selection__all{display:inline-flex;align-items:center;gap:10px;color:var(--cn-text);font-size:var(--cn-fs-lg);cursor:pointer}.cn-trash-selection__all input{width:17px;height:17px;margin:0;accent-color:#f0e8ff}.cn-trash-selection__count{color:var(--cn-text-2);font-size:var(--cn-fs-md);white-space:nowrap}.cn-btn--danger{border:1px solid rgba(255,107,107,.3);background:rgba(116,34,34,.45);color:#ffaaaa}.cn-btn--danger:hover:not(:disabled){background:rgba(148,42,42,.58);color:#ffd0d0}.cn-trash-library__empty{align-items:center;padding:52px 22px;text-align:center}.cn-trash-library__empty>span{color:var(--cn-text);font-size:var(--cn-fs-xl);line-height:24px}.cn-trash-library__empty>small{color:var(--cn-text-3);font-size:var(--cn-fs-md);line-height:19px}.cn-trash-tile{height:100%;cursor:default}.cn-trash-tile[data-selected=true] .cn-tile__frame{box-shadow:0 0 0 2px #d8c4ff,0 0 0 5px rgba(181,143,255,.18)}.cn-trash-tile .cn-tile__frame{filter:saturate(.72)}.cn-trash-tile .cn-tile__state.is-removed{background:rgba(31,31,31,.9);color:#ededed}.cn-trash-tile__select{position:absolute;z-index:2;top:12px;right:12px;display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(18,18,18,.86);box-shadow:0 0 0 1px rgba(255,255,255,.22);cursor:pointer;transition:background .15s var(--cn-ease),box-shadow .15s var(--cn-ease)}.cn-trash-tile__select:hover{background:rgba(42,42,42,.95);box-shadow:0 0 0 1px rgba(255,255,255,.42)}.cn-trash-tile__select input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cn-trash-tile__select>span{display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:5px;color:transparent;transition:background .15s var(--cn-ease),border-color .15s var(--cn-ease),color .15s var(--cn-ease)}.cn-trash-tile__select input:checked+span{border-color:#eadfff;background:#eadfff;color:#211a31}.cn-trash-tile__select input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.cn-trash-tile__select input:disabled+span{opacity:.5;cursor:wait}.cn-trash-tile__actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.cn-trash-tile__actions .cn-btn{flex:1 1 auto;justify-content:center}.cn-trash-tile__actions .cn-btn svg,.cn-trash-tile__actions .cn-iconBtn{flex:0 0 auto}@media (max-width:620px){.cn-trash-library{padding-top:20px}.cn-trash-library__head{align-items:flex-start;flex-wrap:wrap}.cn-trash-library__head .cn-grow{display:none}.cn-trash-library__head>button{width:100%;justify-content:center}.cn-trash-selection{flex-wrap:wrap}.cn-trash-selection .cn-grow{display:none}.cn-trash-selection__count{margin-left:auto}.cn-trash-selection .cn-btn{width:100%;justify-content:center}}@keyframes cn-trash-selection-in{0%{opacity:0;transform:translateY(-4px)}}.cn-chip{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:var(--cn-r-pill);background:oklch(0 0 0/.55);backdrop-filter:blur(8px);color:oklch(100% 0 0);font-size:var(--cn-fs-sm);font-weight:480;letter-spacing:.2px;white-space:nowrap}@media (prefers-reduced-motion:reduce){.cn-shell *,.cn-shell :after,.cn-shell :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.cn-poster{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--cn-dur-lg) var(--cn-ease-out)}.cn-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:1180px){.cn-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cn-board{grid-template-columns:minmax(0,1fr)}}.cn-panel[data-span=full],.cn-sheet[data-span=full]{grid-column:1/-1}.cn-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:18px 20px 20px;border:1px solid var(--cn-line);border-radius:var(--cn-r-lg);background:linear-gradient(180deg,oklch(100% 0 0/.045) 0,oklch(100% 0 0/0) 42%),var(--cn-card)}.cn-panel__light{position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(42% 42% at var(--light-x,50%) var(--light-y,50%),var(--light-color,#a982ff) 0,transparent 72%);opacity:.22;transition:opacity var(--cn-dur-lg) var(--cn-ease-out)}.cn-panel:hover .cn-panel__light{opacity:.34}.cn-panel__glare{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(126deg,oklch(100% 0 0/.07),transparent 38%)}.cn-panel__head{display:flex;align-items:baseline;gap:10px}.cn-panel__title{margin:0;font-size:var(--cn-fs-sm);font-weight:480;letter-spacing:.9px;text-transform:uppercase;color:var(--cn-text-2)}.cn-panel__meta{font-size:var(--cn-fs-sm);letter-spacing:.2px;color:var(--cn-text-3)}.cn-panel__head{flex-wrap:wrap;row-gap:8px}.cn-panel__body{flex:1;display:flex;flex-direction:column;gap:14px}.cn-panel code{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--cn-fs-sm);color:var(--cn-text-3)}.cn-ramp{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:12px;margin:0;padding:0;list-style:none}@media (max-width:760px){.cn-ramp{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}}.cn-ramp li{display:flex;flex-direction:column;align-items:center;gap:5px}.cn-ramp__swatch{display:block;width:100%;height:58px;border-radius:8px;box-shadow:inset 0 0 0 1px oklch(0 0 0/.14)}.cn-typelist{display:flex;flex-direction:column}.cn-typerow{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--cn-line)}.cn-typerow:last-child{border-bottom:0}.cn-typerow__aa{display:flex;width:46px;height:46px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--cn-line);border-radius:10px;background:oklch(100% 0 0/.03);font-size:var(--cn-fs-3xl);line-height:1;color:var(--cn-text)}.cn-typerow__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-spacing{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px 12px;margin:0;padding:0;list-style:none}.cn-spacing li{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.cn-spacing .cn-copy{justify-self:start;max-width:none}.cn-spacing code{display:inline-block;min-width:20px;text-align:right;font-size:var(--cn-fs-lg);font-weight:650;line-height:20px;color:var(--cn-text-2);font-variant-numeric:tabular-nums}.cn-spacing__track{flex:1;height:7px;border-radius:4px;background:var(--cn-fill);overflow:hidden}.cn-spacing__fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#a982ff,#78e4ff)}.cn-radii{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;margin:0;padding:0;list-style:none;perspective:700px}.cn-radii li{display:flex;min-width:0;flex-direction:column;align-items:center;gap:14px;padding:0 6px}.cn-radii__swatch{width:min(var(--cn-swatch-w),100%);height:var(--cn-swatch-h);border:1px solid oklch(100% 0 0/.22);background:linear-gradient(160deg,oklch(100% 0 0/.06),transparent 70%)}.cn-radii .cn-copy{width:100%;justify-content:center;margin-inline:0;padding-inline:5px}.cn-radii .cn-copy__value{white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:520px){.cn-radii{grid-template-columns:repeat(2,minmax(0,1fr))}}.cn-aura{position:fixed;inset:0 0 0 var(--cn-rail-w);z-index:0;pointer-events:none;overflow:hidden;background:var(--cn-surface);transition:left var(--cn-dur-lg) var(--cn-ease)}.cn-shell:has(.cn-rail--compact) .cn-aura{left:52px}@media (max-width:860px){.cn-aura,.cn-shell:has(.cn-rail--compact) .cn-aura{inset:0 0 66px}}.cn-main,.cn-rail{position:relative;z-index:1}.cn-tile__light{position:absolute;inset:-30%;z-index:1;pointer-events:none;background:radial-gradient(40% 40% at var(--light-x,50%) var(--light-y,30%),var(--light-color,#a982ff) 0,transparent 70%);mix-blend-mode:screen;opacity:.3;transition:opacity var(--cn-dur-lg) var(--cn-ease-out)}.cn-tile:hover .cn-tile__light{opacity:.6}.cn-tile__glare{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(126deg,oklch(100% 0 0/.1),transparent 36%)}.cn-tile__frame{transition:border-color var(--cn-dur) var(--cn-ease),box-shadow var(--cn-dur-lg) var(--cn-ease-out)}.cn-tile:hover .cn-tile__frame{border-color:color-mix(in oklab,var(--light-color,#fff),transparent 55%);box-shadow:0 0 0 1px color-mix(in oklab,var(--light-color,#fff),transparent 70%),0 10px 40px -6px color-mix(in oklab,var(--light-color,#fff),transparent 45%),0 4px 14px oklch(0 0 0/.5)}.cn-tile__accent{width:10px;height:10px;flex-shrink:0;border-radius:3px}.cn-tile__frame .cn-chip{z-index:2}.cn-captabs{position:relative;display:inline-grid;align-self:start;grid-auto-flow:column;grid-auto-columns:minmax(80px,max-content);gap:2px;padding:3px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);background:oklch(100% 0 0/.04);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}.cn-captabs::-webkit-scrollbar{display:none}@media (max-width:620px){.cn-captabs{width:100%;max-width:100%;align-self:stretch;grid-auto-columns:minmax(88px,1fr)}}.cn-captab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:7px 16px;border-radius:var(--cn-r-pill);color:var(--cn-text-3);font-size:var(--cn-fs-lg);line-height:18px;text-decoration:none;white-space:nowrap;transition:color var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-captab:not([aria-current=page]):hover{color:var(--cn-text-2)}.cn-sectionswap{opacity:1;animation:cn-sectionswap var(--cn-dur-lg) var(--cn-ease-out) backwards}.cn-viewswap{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column;opacity:1;animation:cn-viewswap .45s cubic-bezier(.22,1,.36,1) backwards}.cn-stagger__item{height:100%;opacity:1;animation:cn-stagger-in var(--cn-dur-lg) var(--cn-ease-out) backwards}.cn-stagger__item:nth-child(2){animation-delay:30ms}.cn-stagger__item:nth-child(3){animation-delay:60ms}.cn-stagger__item:nth-child(4){animation-delay:90ms}.cn-stagger__item:nth-child(5){animation-delay:.12s}.cn-stagger__item:nth-child(n+6){animation-delay:.15s}@keyframes cn-sectionswap{0%{opacity:0}to{opacity:1}}@keyframes cn-viewswap{0%{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cn-stagger-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cn-sectionswap,.cn-stagger__item,.cn-viewswap{animation:none}}.cn-captabs__pill{position:absolute;top:3px;left:3px;height:calc(100% - 6px);border-radius:var(--cn-r-pill);background:var(--cn-accent);box-shadow:0 2px 8px oklch(0 0 0/.4);transition:transform var(--cn-dur-lg) var(--cn-ease),width var(--cn-dur-lg) var(--cn-ease),opacity var(--cn-dur) var(--cn-ease)}.cn-captab[aria-current=page]{color:var(--cn-accent-fg);font-weight:500}.cn-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:10px}.cn-cols--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.cn-cols--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.cn-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--cn-line);border-radius:8px;transition:border-color var(--cn-dur) var(--cn-ease)}.cn-item:hover{border-color:var(--cn-line-strong)}.cn-item__preview{width:44px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;background:linear-gradient(180deg,#ffffff,#e8edf3)}.cn-item__glyph{width:26px;height:11px;border-radius:3px;background:#635bff}.cn-item__glyph[data-kind=Input]{background:#fff;border:1px solid #8898aa}.cn-item__glyph[data-kind=Badge]{width:18px;height:9px;border-radius:5px;background:#09cf83}.cn-item__glyph[data-kind=Toggle]{width:20px;height:11px;border-radius:6px;background:#0a2540}.cn-item__glyph[data-kind="Nav link"]{width:22px;height:4px;background:#425466}.cn-item__glyph[data-kind="Pricing card"]{width:24px;height:26px;border-radius:4px;background:#fff;border:1px solid #cbd4de}.cn-item__glyph[data-kind=Accordion]{width:26px;height:20px;border-radius:3px;background:#e3e8ee}.cn-item__glyph[data-kind="Footer column"]{width:14px;height:24px;border-radius:3px;background:#adbdcc}.cn-fileRow{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--cn-line)}.cn-fileRow:last-child{border-bottom:0}.cn-widthFrame{aspect-ratio:16/10;padding:8px;border:1px solid var(--cn-line);border-radius:8px;background:var(--cn-fill)}.cn-stateChip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);color:var(--cn-text-2)}.cn-iconGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.cn-iconCell{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 10px;border:1px solid var(--cn-line);border-radius:8px;transition:border-color var(--cn-dur) var(--cn-ease)}.cn-iconCell:hover{border-color:var(--cn-line-strong)}.cn-iconCell__box{width:22px;height:22px;border-radius:5px;border:1.5px solid var(--cn-text-3)}.cn-gridDemo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));height:116px;padding:10px;border:1px solid var(--cn-line);border-radius:8px;background:var(--cn-fill)}.cn-gridDemo>span{border-radius:3px;background:linear-gradient(180deg,oklch(69% .19 300/.55),oklch(75% .13 220/.3))}.cn-face{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(158deg,var(--light-color,#8b8b96) 0,color-mix(in oklab,var(--light-color,#8b8b96),black 55%) 100%),oklch(0 0 0)}.cn-face--empty{background:oklch(0 0 0)}.cn-face[data-working=true]{opacity:.45}.cn-face__vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 120% at 50% 42%,transparent 28%,oklch(0 0 0/.34) 72%,oklch(0 0 0/.68) 100%)}.cn-face__mark-wrap{position:relative;z-index:1;width:52%;aspect-ratio:1/1;display:grid;place-items:center;container-type:inline-size}.cn-face__mark-wrap>.cn-face__mark{grid-area:1/1}.cn-face__badge{grid-area:1/1;position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;opacity:0;transition:opacity var(--cn-dur-lg) var(--cn-ease-out);filter:drop-shadow(0 4px 12px oklch(0 0 0/.45))}.cn-face__badge[data-loaded=true]{opacity:1}.cn-face__logo{width:74%;height:74%;object-fit:contain}.cn-face__mark{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;display:grid;place-items:center;color:#fff;font-size:52cqw;font-weight:500;line-height:1;text-shadow:0 3px 14px oklch(0 0 0/.4)}.cn-tile__name{display:block;font-size:var(--cn-fs-xl);line-height:22px;color:var(--cn-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-mosaic{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,52px);grid-template-rows:repeat(2,52px);gap:8px}.cn-mosaic__mark{display:grid;place-items:center;padding:10px;overflow:hidden;background:#f5f5f5;border-radius:10px;color:#171717;font-size:var(--cn-fs-xl);font-weight:500;line-height:1;box-shadow:inset 0 1px 0 oklch(100% 0 0/.32),0 4px 12px oklch(0 0 0/.45)}.cn-mosaic__mark img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.cn-mosaic__empty{border-radius:10px;border:1px dashed oklch(100% 0 0/.16)}@media (prefers-reduced-motion:reduce){.cn-step[aria-selected=true]:before{animation:none}}.cn-seg{position:relative;display:inline-flex;gap:2px;padding:3px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);background:oklch(100% 0 0/.04)}.cn-seg--block{display:flex;width:100%}.cn-seg--block .cn-seg__option{flex:1;justify-content:center}.cn-seg__indicator{position:absolute;top:3px;left:3px;height:calc(100% - 6px);width:var(--seg-w,0);transform:translateX(var(--seg-x,0));border-radius:var(--cn-r-pill);background:var(--cn-accent);box-shadow:0 2px 8px oklch(0 0 0/.4);transition:transform var(--cn-dur-lg) var(--cn-ease),width var(--cn-dur-lg) var(--cn-ease)}.cn-seg__option{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:0;border-radius:var(--cn-r-pill);background:transparent;color:var(--cn-text-3);font:inherit;font-size:var(--cn-fs-md);line-height:18px;white-space:nowrap;cursor:pointer;transition:color var(--cn-dur) var(--cn-ease)}.cn-seg__option:hover{color:var(--cn-text-2)}.cn-seg__option[aria-checked=true]{color:var(--cn-accent-fg);font-weight:500}.cn-seg__option em{font-style:normal;font-size:var(--cn-fs-xs);opacity:.6}.cn-seg__option--locked{color:var(--cn-text-3);opacity:.5;cursor:help}.cn-seg__option--locked:focus-visible,.cn-seg__option--locked:hover{color:var(--cn-text-2);opacity:.9}.cn-seg__option--locked svg{opacity:.9}.cn-seg__option--locked[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(2px);z-index:20;padding:6px 9px;border:1px solid var(--cn-line);border-radius:8px;background:var(--cn-bg,oklch(14% 0 0));color:var(--cn-text);font-size:var(--cn-fs-xs);font-weight:450;line-height:1.35;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 6px 18px -6px oklch(0 0 0/.55);transition:opacity var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease)}.cn-seg__option--locked[data-tip]:focus-visible:after,.cn-seg__option--locked[data-tip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}@media (prefers-reduced-motion:reduce){.cn-seg__option--locked[data-tip]:after{transition:opacity var(--cn-dur) var(--cn-ease);transform:translateX(-50%)}.cn-seg__option--locked[data-tip]:focus-visible:after,.cn-seg__option--locked[data-tip]:hover:after{transform:translateX(-50%)}}.cn-token-copy,.cn-token-copy:hover{background:#fff;color:#111;border-color:#fff}.cn-token-format-control{max-width:100%;overflow-x:auto;padding:3px;margin:-3px -3px 16px}.cn-preview[hidden]{display:none}.cn-tokenFormats{display:inline-flex;align-self:flex-start;gap:3px;padding:3px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);background:var(--cn-fill)}.cn-tokenFormats button{min-height:28px;padding:0 12px;border:0;border-radius:var(--cn-r-pill);background:transparent;color:var(--cn-text-3);font:inherit;font-size:var(--cn-fs-md);cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-tokenFormats button:hover{color:var(--cn-text-2)}.cn-tokenFormats button[aria-pressed=true]{background:var(--cn-accent);color:var(--cn-accent-fg)}.cn-tokenStatus{color:var(--cn-text-2)}.cn-tokenBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cn-tokenColors{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:6px;margin:0;padding:0;list-style:none}.cn-tokenColor{width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px 5px 5px;border:1px solid var(--cn-line);border-radius:9px;overflow:hidden;background:var(--cn-fill);color:var(--cn-text);text-align:left;cursor:pointer;transition:border-color var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-tokenColor:focus-visible,.cn-tokenColor:hover{border-color:oklch(100% 0 0/.24);background:var(--cn-fill-strong)}.cn-tokenColor:active{transform:scale(.985)}.cn-tokenColor[data-copied=true]{border-color:oklch(76% .16 155/.72)}.cn-tokenColor__swatch{display:block;width:22px;height:22px;border-radius:5px;box-shadow:inset 0 0 0 1px oklch(0 0 0/.13)}.cn-tokenColor code,.cn-tokenColor__name{min-width:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-tokenColor__name{font-size:var(--cn-fs-sm);color:var(--cn-text-2)}.cn-tokenColor code{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--cn-fs-xs);color:var(--cn-text-3)}.cn-tokenType{display:flex;flex-direction:column}.cn-tokenRow{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(126px,auto);align-items:baseline;gap:16px;padding:12px 8px;margin:0 -8px;border:0;border-bottom:1px solid var(--cn-line);border-radius:8px;background:transparent;color:var(--cn-text);text-align:left;cursor:pointer;transition:background-color .18s var(--cn-ease),transform .22s cubic-bezier(.22,1,.36,1)}.cn-tokenRow:last-child{border-bottom-color:transparent}.cn-tokenRow:focus-visible,.cn-tokenRow:hover{background:var(--cn-fill)}.cn-tokenRow[data-copied=true]{background:oklch(65% .14 155/.12)}.cn-tokenRow__main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-tokenRow__value{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.cn-tokenRow__value code{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cn-text-2)}.cn-tokenRow__value small{flex:0 0 auto;padding:2px 6px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);color:var(--cn-text-3);font-size:var(--cn-fs-2xs);line-height:14px;text-transform:uppercase;letter-spacing:.55px}.cn-tokenSpacing{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px 12px;margin:0;padding:0;list-style:none}.cn-tokenSpacing li{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center}.cn-tokenValue{justify-self:end;padding:3px 6px;border:0;border-radius:6px;background:transparent;color:var(--cn-text-2);cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease)}.cn-tokenValue:focus-visible,.cn-tokenValue:hover{background:var(--cn-fill-strong)}.cn-tokenValue[data-copied=true]{color:#57dfaa}.cn-tokenValue code{font-variant-numeric:tabular-nums}.cn-tokenSpacing__track{height:7px;border-radius:4px;background:var(--cn-fill);overflow:hidden}.cn-tokenSpacing__track>span{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#a982ff,#78e4ff);transform-origin:left;animation:cn-token-grow .42s var(--cn-ease-out) both}@keyframes cn-token-grow{0%{transform:scaleX(0);opacity:.45}to{transform:scaleX(1);opacity:1}}.cn-tokenShapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:16px;margin:0;padding:0;list-style:none}.cn-tokenShapes li{min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px}.cn-tokenShapes__radius,.cn-tokenShapes__shadow{width:56px;height:48px}.cn-tokenShapes__radius{border:1px solid oklch(100% 0 0/.24);background:linear-gradient(155deg,oklch(100% 0 0/.08),transparent 72%)}.cn-tokenShapes__shadow{border-radius:8px;background:oklch(94% 0 0)}.cn-tokenGradient{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px}.cn-tokenGradient>span{width:62px;height:42px;border:1px solid var(--cn-line);border-radius:8px}.cn-tokenGradient .cn-tokenRow{margin:0}@media (max-width:900px){.cn-tokenBoard{grid-template-columns:minmax(0,1fr)}.cn-tokenBoard .cn-sheet[data-span=full]{grid-column:auto}}@media (max-width:620px){.cn-tokenFormats{max-width:100%;overflow-x:auto}.cn-tokenRow{grid-template-columns:minmax(0,1fr);gap:5px}.cn-tokenRow__value{justify-content:flex-start}.cn-tokenRow__value code{max-width:100%}}@media (prefers-reduced-motion:reduce){.cn-tokenSpacing__track>span{animation:none}}.cn-preview{border:1px solid var(--cn-line);border-radius:var(--cn-r-md);background:var(--cn-rail-bg);overflow:hidden}.cn-preview__bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--cn-line)}.cn-preview__code{margin:0;padding:14px 16px;max-height:300px;overflow:auto;font-size:var(--cn-fs-md);line-height:20px;color:var(--cn-text-2);white-space:pre}.cn-rampRow{display:flex;align-items:center;gap:14px}.cn-rampRow__pseps{flex:1;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;height:30px}.cn-rampRow__pseps>span{border-radius:4px}.cn-roleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-auto-rows:1fr;gap:10px}.cn-role{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--cn-line);border-radius:8px}.cn-role__text{display:flex;flex-direction:column;gap:1px;min-width:0}.cn-role__name{font-size:var(--cn-fs-lg);line-height:18px;text-wrap:balance}.cn-role__swatch{grid-area:1/1}.cn-role__text{grid-area:1/2}.cn-role__uses{grid-area:1/3;justify-self:end;font-variant-numeric:tabular-nums;white-space:nowrap}.cn-role__uses em{font-style:normal;margin-left:4px;opacity:.6}.cn-role .cn-actions{grid-area:1/3;justify-self:end}.cn-role__uses{transition:opacity var(--cn-dur) var(--cn-ease)}.cn-role:focus-within .cn-role__uses,.cn-role:hover .cn-role__uses{opacity:0;pointer-events:none}.cn-role__swatch{width:28px;height:28px;flex-shrink:0;border-radius:7px;box-shadow:inset 0 0 0 1px oklch(0 0 0/.18)}.cn-inspect{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--cn-line);border-radius:var(--cn-r-md);background:oklch(100% 0 0/.02)}.cn-declList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:0}@media (max-width:860px){.cn-declList{grid-template-columns:minmax(0,1fr)}}.cn-decl{display:flex;align-items:baseline;gap:12px;min-width:0}.cn-decl dt{flex-shrink:0;width:104px}.cn-decl dd{margin:0;display:flex;align-items:center;gap:6px;min-width:0;flex:1;font-size:var(--cn-fs-md);color:var(--cn-text-2);overflow-wrap:anywhere}.cn-decl__swatch{width:11px;height:11px;flex-shrink:0;border-radius:3px;box-shadow:inset 0 0 0 1px oklch(0 0 0/.25)}.cn-mediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.cn-media{margin:0;display:flex;flex-direction:column;gap:9px}.cn-media__frame{aspect-ratio:4/3;display:grid;place-items:center;border:1px solid var(--cn-line);border-radius:var(--cn-r-md);background:var(--cn-fill);overflow:hidden}.cn-media__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-media__kind{display:block}.cn-media__kind[data-kind=image]{width:46px;height:34px;border-radius:5px;background:linear-gradient(150deg,#a982ff,#78e4ff)}.cn-media__kind[data-kind=svg]{width:38px;height:38px;border-radius:8px;border:2px solid #c5ff98}.cn-media__kind[data-kind=icon]{width:24px;height:24px;border-radius:5px;border:2px solid var(--cn-text-3)}.cn-media__kind[data-kind=video]{width:46px;height:28px;border-radius:5px;background:linear-gradient(150deg,#ffb9dc,#ffd58c)}.cn-media__kind[data-kind=lottie]{width:34px;height:34px;border-radius:50%;background:linear-gradient(150deg,#8ffff4,#78e4ff)}.cn-clone-pack{position:relative;container-type:inline-size;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;padding:clamp(28px,4vw,52px) 16px 32px;border:1px solid var(--cn-line);border-radius:18px;background:#151515;text-align:center}.cn-clone-pack__heading h2{margin:0;color:var(--cn-text);font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:600}.cn-clone-pack__heading p{margin:12px 0 0;color:#b9b5c9;font-size:clamp(15px,1.6vw,20px);line-height:1.5}.cn-clone-pack__visual{position:relative;width:min(100%,820px);margin:4px auto 0}.cn-clone-pack__art{display:block;width:100%;height:auto;mix-blend-mode:lighten}.cn-clone-pack__brand{position:absolute;left:50%;top:64%;width:25%;height:auto;transform:translate(-50%,-50%) rotate(3deg);pointer-events:none}.cn-clone-pack__facts{order:-1;align-self:flex-start;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin:0 0 20px}@container (min-width: 1050px){.cn-clone-pack__facts{position:absolute;top:42px;left:32px;max-width:310px;margin:0}}.cn-clone-loading{overflow:hidden}.cn-clone-loading>p{margin:0 0 12px}.cn-clone-loading>img{display:block;width:100%;height:auto}.cn-waiting{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;overflow:hidden;padding:clamp(28px,4vw,52px) 16px 32px;border:1px solid var(--cn-line);border-radius:18px;background:#151515;text-align:center}.cn-waiting h2{margin:0;color:var(--cn-text);font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:600}.cn-waiting__lead{margin:12px 0 0;max-width:52ch;color:#b9b5c9;font-size:clamp(15px,1.6vw,20px);line-height:1.5;text-wrap:pretty}.cn-waiting__visual{position:relative;width:min(100%,820px);margin:4px auto 0;aspect-ratio:1695/928}.cn-waiting__art{display:block;width:100%;height:100%;object-fit:contain;margin-inline:auto;mix-blend-mode:lighten}.cn-waiting__art--inspect{width:83.9%;transform:translateX(.75%)}.cn-waiting__art--clone{transform:translateX(-.619%)}.cn-waiting__note{max-width:46ch;margin:0 auto;color:var(--cn-text-3);font-size:var(--cn-fs-md);line-height:1.55;text-wrap:pretty}.cn-waiting--fill{flex:1;min-height:350px}.cn-clone-pack__facts dt{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cn-clone-pack__facts dd{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin:0;padding:10px 20px;border:1px solid #3b3a40;border-radius:999px;color:#eeedf2;background:linear-gradient(135deg,#232227,#1a1a1c);font-size:14px;font-variant-numeric:tabular-nums}.cn-clone-pack__facts svg{flex:none;color:#c7c1d9}.cn-stage{display:grid;place-items:start center;padding:8px 0 0}.cn-clone-viewer{display:block;width:100%;height:max(960px,100svh);border:1px solid var(--cn-line,#2a2f37);border-radius:12px;background:#14171c}@media (max-width:767px){.cn-clone-viewer{height:max(720px,100svh)}}.cn-stage__frame{display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--cn-line);background:var(--cn-card);overflow:hidden;box-shadow:0 18px 40px oklch(0 0 0/.45);transition:width var(--cn-dur-lg) var(--cn-ease),aspect-ratio var(--cn-dur-lg) var(--cn-ease)}.cn-stage__page{flex:1;display:flex;flex-direction:column;padding:12px 14px 14px;background:transparent;overflow:hidden}.cn-stage__screenshot{display:block;width:100%;height:auto;object-fit:contain;object-position:top center;background:transparent}.cn-media__get{position:absolute;top:8px;right:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--cn-r-pill);background:oklch(0 0 0/.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:oklch(100% 0 0);cursor:pointer;opacity:0;transform:scale(.92);transition:opacity var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-media:hover .cn-media__get,.cn-media__get:focus-visible{opacity:1;transform:scale(1)}.cn-media__get:hover{background:var(--cn-accent);color:var(--cn-accent-fg)}.cn-media__get:active{transform:scale(.94)}.cn-media__frame{position:relative}.cn-sheet{border:1px solid var(--cn-line);border-radius:var(--cn-r-lg);background:var(--cn-card);padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px}.cn-sheet__head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;row-gap:8px}.cn-sheet__title{margin:0;font-size:var(--cn-fs-sm);font-weight:560;letter-spacing:.8px;text-transform:uppercase;color:var(--cn-text)}.cn-sheet__glyph{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;vertical-align:-.165em;opacity:.9}.cn-sheet__glyph svg{display:block;width:18px;height:18px}.cn-sheet__meta{font-size:var(--cn-fs-sm);letter-spacing:.2px;color:var(--cn-text-3)}.cn-sheet__body{display:flex;flex-direction:column;gap:14px}.cn-site-sheet>.cn-sheet__head{position:sticky;top:var(--cn-site-sticky-top,0);z-index:5;background:var(--cn-card);margin:-18px -20px 0;padding:18px 20px 16px;border-radius:var(--cn-r-lg) var(--cn-r-lg) 0 0}.cn-site-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cn-iconCell,.cn-inspect,.cn-item,.cn-media__frame,.cn-role{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,oklch(100% 0 0/.05),oklch(100% 0 0/0) 46%),oklch(100% 0 0/.02);transition:border-color var(--cn-dur) var(--cn-ease),box-shadow var(--cn-dur-lg) var(--cn-ease-out),transform var(--cn-dur) var(--cn-ease)}.cn-iconCell:before,.cn-inspect:before,.cn-item:before,.cn-media__frame:before,.cn-role:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(126deg,oklch(100% 0 0/.07),transparent 40%)}.cn-iconCell:hover,.cn-inspect:hover,.cn-item:hover,.cn-media:hover .cn-media__frame,.cn-role:hover{border-color:color-mix(in oklab,var(--lit,#a982ff),transparent 55%);box-shadow:0 0 0 1px color-mix(in oklab,var(--lit,#a982ff),transparent 72%),0 8px 26px -8px color-mix(in oklab,var(--lit,#a982ff),transparent 50%)}.cn-mediaGrid{--lit:#78e4ff}.cn-roleGrid{--lit:#a982ff}.cn-declList,.cn-inspect{--lit:#c5ff98}.cn-iconGrid{--lit:#ffd58c}.cn-copy{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 6px;margin:-2px -6px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-copy:hover{background:var(--cn-fill-strong);color:var(--cn-text)}.cn-copy:active{transform:scale(.98)}.cn-copy__value{min-width:0;overflow:hidden;text-overflow:ellipsis}.cn-copy__hint{width:12px;height:12px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--cn-text-3);opacity:0;transition:opacity var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-copy:focus-visible .cn-copy__hint,.cn-copy:hover .cn-copy__hint{opacity:1}.cn-copy[data-copied=true] .cn-copy__hint{opacity:1;color:#09cf83}.cn-copy[data-failed=true] .cn-copy__hint{opacity:1;color:#ff6b6b}.cn-project-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end;gap:12px;padding:16px}.cn-project-create label{display:grid;gap:6px;color:var(--cn-text-2);font-size:var(--cn-fs-md)}.cn-project-create label span{display:flex;gap:5px;align-items:baseline}.cn-project-create label small{color:var(--cn-text-3);font-size:var(--cn-fs-sm)}.cn-project-create input{min-width:0;width:100%;border:1px solid var(--cn-border);border-radius:8px;background:var(--cn-fill);color:var(--cn-text);padding:8px 10px;font:inherit}.cn-project-create input:focus-visible{outline:2px solid var(--cn-accent);outline-offset:2px}@media (max-width:720px){.cn-project-create{grid-template-columns:1fr;align-items:stretch}}.cn-copy--swatch{display:block;position:relative;width:100%;padding:0;margin:0;border-radius:8px}.cn-copy--swatch:hover{background:transparent}.cn-copy--swatch .cn-copy__value{display:block}.cn-copy--swatch .cn-copy__hint{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:6px;background:oklch(0 0 0/.55);backdrop-filter:blur(6px);color:oklch(100% 0 0)}.cn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.cn-elev li,.cn-radii li,.cn-ramp li,.cn-spacing li,.cn-typerow{border-radius:8px;transition:background-color var(--cn-dur) var(--cn-ease)}.cn-elev li:hover,.cn-ramp li:hover,.cn-spacing li:hover,.cn-typerow:hover{background:oklch(100% 0 0/.04)}.cn-typerow{padding-inline:8px;margin-inline:-8px}.cn-spacing li{padding:3px 8px;margin-inline:-8px}.cn-player__toggle{position:absolute;z-index:3;left:14px;bottom:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--cn-r-pill);background:oklch(0 0 0/.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:oklch(100% 0 0);cursor:pointer;opacity:0;transform:scale(.94);transition:opacity var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-player:hover .cn-player__toggle,.cn-player__toggle:focus-visible,.cn-player__toggle[data-paused=true]{opacity:1;transform:scale(1)}.cn-player__toggle:hover{background:oklch(0 0 0/.78)}.cn-player__toggle:active{transform:scale(.94)}.cn-player__psage{position:relative}.cn-actions{display:inline-flex;align-items:center;gap:4px;opacity:0;transition:opacity var(--cn-dur) var(--cn-ease)}.cn-actions:focus-within,.cn-fileRow:hover .cn-actions,.cn-inspect:hover .cn-actions,.cn-role:hover .cn-actions{opacity:1}.cn-action{padding:4px 10px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);background:oklch(100% 0 0/.04);color:var(--cn-text-2);font:inherit;font-size:var(--cn-fs-sm);line-height:16px;white-space:nowrap;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),border-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-action:hover{background:var(--cn-fill-strong);border-color:var(--cn-line-strong);color:var(--cn-text)}.cn-action:active{transform:scale(.98)}.cn-action[data-done=true]{background:color-mix(in oklab,#09cf83,transparent 82%);border-color:color-mix(in oklab,#09cf83,transparent 60%);color:#6ee7b7}.cn-action[data-failed=true]{background:color-mix(in oklab,#ff6b6b,transparent 84%);border-color:color-mix(in oklab,#ff6b6b,transparent 62%);color:#ffa8a8}.cn-tile-icon{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;color:#fff;box-shadow:inset 0 1px 0 oklch(100% 0 0/.28)}.cn-tile-icon--mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.5px;padding:2.5px;background:oklch(100% 0 0/.07);place-items:stretch}.cn-minimark{border-radius:2.5px;box-shadow:inset 0 .5px 0 oklch(100% 0 0/.3)}.cn-minimark--empty{background:oklch(100% 0 0/.09);box-shadow:none}.cn-tile-icon[data-kind=home]{background:linear-gradient(158deg,#6b7280,#374151)}.cn-tile-icon[data-kind=unfiled]{background:linear-gradient(158deg,#38bdf8,#0369a1)}.cn-tile-icon[data-kind=trash]{background:linear-gradient(158deg,#9ca3af,#4b5563)}.cn-row--group{display:flex;align-items:center;gap:8px;width:100%;padding:2px 8px 2px 4px;border:0;font:inherit;text-align:left;cursor:pointer}.cn-row--group[data-current=true]{background:var(--cn-fill)}.cn-row__link{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:100%;padding:0 8px 0 0;color:inherit;text-decoration:none;border-radius:var(--cn-r-md)}.cn-chev{width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;color:var(--cn-text-3)}.cn-inbox{display:flex;flex-direction:column}.cn-inboxRow{display:flex;align-items:center;gap:12px;padding:10px 8px;margin-inline:-8px;border-radius:var(--cn-r-md);border-bottom:1px solid var(--cn-line);transition:background-color var(--cn-dur) var(--cn-ease)}.cn-inboxRow:last-child{border-bottom:0}.cn-inboxRow:hover{background:oklch(100% 0 0/.035)}.cn-inboxRow__mark{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:var(--cn-fs-xl);font-weight:500;box-shadow:inset 0 1px 0 oklch(100% 0 0/.3)}.cn-inboxRow__name{display:flex;flex-direction:column;gap:1px;min-width:0;text-decoration:none;color:inherit}.cn-actions--always{opacity:1}.cn-action--danger:hover{background:color-mix(in oklab,#ff6b6b,transparent 84%);border-color:color-mix(in oklab,#ff6b6b,transparent 62%);color:#ffa8a8}.cn-action:disabled{opacity:.4;cursor:not-allowed}.cn-action:disabled:hover{background:oklch(100% 0 0/.04);border-color:var(--cn-line);color:var(--cn-text-2)}.cn-filer{gap:4px;flex-wrap:wrap;justify-content:flex-end}.cn-filer,.cn-iconBtn{display:inline-flex;align-items:center}.cn-iconBtn{width:30px;height:30px;justify-content:center;border:1px solid var(--cn-line);border-radius:8px;background:oklch(100% 0 0/.04);color:var(--cn-text-3);cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),border-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-iconBtn:hover{background:var(--cn-fill-strong);border-color:var(--cn-line-strong);color:var(--cn-text)}.cn-iconBtn:active{transform:scale(.96)}.cn-iconBtn--danger:hover{background:color-mix(in oklab,#ff6b6b,transparent 84%);border-color:color-mix(in oklab,#ff6b6b,transparent 62%);color:#ffa8a8}.cn-inspect__head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--cn-line)}.cn-inspect__preview{width:118px;height:84px;flex-shrink:0;display:grid;place-items:center;padding:8px;border-radius:var(--cn-r-md);background:linear-gradient(180deg,#ffffff,#eef2f7);overflow:hidden;font-size:var(--cn-fs-xs);line-height:1.2}.cn-inspect__ident{display:flex;flex-direction:column;gap:5px;min-width:0}.cn-inspect__selector{margin:0;font-family:inherit;font-size:var(--cn-fs-xl);font-weight:500;line-height:20px;color:var(--cn-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-inspect__meta{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--cn-fs-sm);line-height:18px;color:var(--cn-text-3);font-variant-numeric:tabular-nums}.cn-specs{display:grid;grid-template-columns:repeat(3,minmax(0,160px));gap:12px 20px;margin:14px 0 0}.cn-spec{display:flex;min-width:0;flex-direction:column;gap:2px}.cn-spec dt{font-size:var(--cn-fs-2xs);font-weight:500;color:var(--cn-text-3)}.cn-spec dd{margin:0;min-width:0;font-size:var(--cn-fs-2xl);line-height:23px;color:var(--cn-text);font-variant-numeric:tabular-nums}.cn-inspect__psates{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--cn-line)}.cn-row--split{display:flex;align-items:center;gap:2px;width:100%;padding:0}.cn-row--split[data-current=true]{background:var(--cn-fill)}.cn-chevBtn{width:22px;height:22px;flex-shrink:0;margin-left:4px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--cn-text-3);cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-chevBtn:hover{background:var(--cn-fill-strong);color:var(--cn-text)}.cn-cap--more{color:var(--cn-text-3);padding-left:32px}.cn-cap--more:hover{color:var(--cn-text-2)}.cn-drop{position:relative;display:inline-flex}.cn-drop__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:200px;padding:5px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--cn-line-strong);border-radius:var(--cn-r-md);background:oklch(20% 0 0/.96);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 16px 40px oklch(0 0 0/.55)}.cn-drop__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--cn-text);font:inherit;font-size:var(--cn-fs-lg);line-height:18px;text-align:left;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease)}.cn-drop__item:hover:not(:disabled){background:var(--cn-fill-strong)}.cn-drop__item:disabled{color:var(--cn-text-3);cursor:not-allowed}.cn-drop__count{margin-left:auto;flex-shrink:0;font-size:var(--cn-fs-sm);color:var(--cn-text-3);font-variant-numeric:tabular-nums}.cn-drop__swatch{width:18px;height:18px;flex-shrink:0;border-radius:5px;box-shadow:inset 0 1px 0 oklch(100% 0 0/.28)}.cn-captab__label{position:relative;display:block;text-align:center}.cn-captab__label:after{content:attr(data-label);display:block;height:0;overflow:hidden;visibility:hidden;font-weight:500;pointer-events:none}.cn-media__search{display:flex;align-items:center;gap:8px;height:28px;padding:0 11px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);color:var(--cn-text-3)}.cn-media__search:focus-within{border-color:var(--cn-line-strong);color:var(--cn-text-2)}.cn-media__search input{width:190px;border:0;background:transparent;color:var(--cn-text);font:400 12.5px/28px inherit}.cn-media__search input::placeholder{color:var(--cn-text-3)}.cn-media__search input:focus{outline:none}.cn-media__search input::-webkit-search-cancel-button{display:none}.cn-media__filters{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:4px}.cn-media__filter{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 11px;border:1px solid var(--cn-line);border-radius:var(--cn-r-pill);background:transparent;color:var(--cn-text-3);font-weight:500;font-size:var(--cn-fs-md);line-height:26px;cursor:pointer;white-space:nowrap}.cn-media__filter:hover{color:var(--cn-text);border-color:var(--cn-line-strong)}.cn-media__filter[aria-pressed=true]{background:var(--cn-accent);color:var(--cn-accent-fg);border-color:transparent}.cn-media__filter b{font-weight:500;font-variant-numeric:tabular-nums;opacity:.62}.cn-media__group{display:flex;flex-direction:column;gap:12px;padding-top:18px}.cn-media__group-head{display:flex;align-items:baseline;gap:9px}.cn-media__group-name{margin:0;font-size:var(--cn-fs-md);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cn-text-2)}.cn-media__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin:0;padding:0;list-style:none}.cn-media__tile{display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid var(--cn-line);border-radius:var(--cn-r-md);background:var(--cn-fill)}.cn-media__art{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--cn-r-sm);background:oklch(96% 0 0)}.cn-media__art img{width:60%;height:60%;object-fit:contain;display:block}.cn-media__art--empty{background:oklch(100% 0 0/.04);color:var(--cn-text-3)}.cn-media__tile--described{border-style:dashed;background:transparent}.cn-media__format{align-self:flex-start;padding:1px 6px;border-radius:4px;background:var(--cn-fill-strong);font-size:var(--cn-fs-2xs);font-weight:500;letter-spacing:.04em;color:var(--cn-text-2)}.cn-media__dim{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--cn-fs-xs);line-height:15px;color:var(--cn-text-3);font-variant-numeric:tabular-nums}.cn-media__used{font-size:var(--cn-fs-xs);line-height:14px;color:var(--cn-text-3)}.cn-media__row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--cn-line);border-radius:var(--cn-r-md);background:var(--cn-fill)}.cn-media__row-glyph{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--cn-r-sm);background:oklch(100% 0 0/.05);color:var(--cn-text-2)}.cn-media__row-main{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:var(--cn-fs-lg)}.cn-media__empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:44px 20px;text-align:center}.cn-media__empty-title{font-size:var(--cn-fs-xl);line-height:24px}.cn-media__empty .cn-tiny{max-width:46ch;text-wrap:pretty}.cn-media-images{container-type:inline-size}.cn-media-images__layout{display:grid;min-width:0}.cn-media-images__copy{align-self:center;padding:28px 0 12px;position:relative;z-index:1}.cn-media-images__copy h3{margin:0;font-size:clamp(28px,3.4cqi,40px);line-height:1.15;letter-spacing:-.035em;font-weight:600;text-wrap:balance}.cn-media-images__copy p{max-width:34ch;margin:16px 0 22px;color:var(--cn-text-2);font-size:clamp(16px,1.6cqi,20px);line-height:1.5;text-wrap:pretty}.cn-media-images__copy .cn-btn{min-height:44px}.cn-media-images__visual{position:relative;min-width:0;overflow:hidden;height:min(100cqi,280px);mix-blend-mode:lighten;pointer-events:none}.cn-media-images__visual img{position:absolute;right:0;bottom:0;display:block;width:150%;max-width:none;height:100%;object-fit:contain;object-position:right bottom}@container (min-width: 720px){.cn-media-images__layout{grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center}.cn-media-images__copy{padding:20px 12px 20px 16px}.cn-media-images__visual{height:min(40cqi,clamp(220px,calc(100svh - 380px),440px))}}.cn-stage__page--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,oklch(100% 0 0/.03),oklch(100% 0 0/0));color:var(--cn-text-3);text-align:center}.cn-ramp__value{font-size:var(--cn-fs-md);font-weight:600;line-height:17px;letter-spacing:.01em;color:var(--cn-text-2);font-variant-numeric:tabular-nums}.cn-ramp__use{font-size:var(--cn-fs-sm);line-height:16px;color:var(--cn-text-3);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cn-typerow{align-items:center}.cn-typerow>span:first-child{font-size:var(--cn-fs-xl);font-weight:650;line-height:22px}.cn-typerow code{margin-left:auto;font-size:var(--cn-fs-lg);font-weight:600;line-height:20px;color:var(--cn-text-2)}.cn-typerow__actions{align-self:center;gap:4px;margin-left:auto;padding-left:16px;flex-shrink:0}.cn-iconbtn,.cn-typerow__actions{display:inline-flex;align-items:center}.cn-iconbtn{justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--cn-line);border-radius:9px;background:transparent;color:var(--cn-text-3);cursor:pointer;text-decoration:none;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.cn-iconbtn:hover{background:var(--cn-fill);color:var(--cn-text);border-color:var(--cn-line-strong,var(--cn-line))}.cn-iconbtn:focus-visible{outline:2px solid var(--cn-text);outline-offset:2px}.cn-elev{flex-direction:column;margin:0;padding:0;list-style:none;align-items:stretch}.cn-elev,.cn-elev li{display:flex;gap:14px}.cn-elev li{flex-direction:row;align-items:center}.cn-elev__card{width:var(--cn-swatch-w);height:var(--cn-swatch-h);flex-shrink:0;border-radius:8px;background:#fff}.cn-elev__facts{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.cn-elev__step{font-size:var(--cn-fs-md);font-weight:600;color:var(--cn-text-3);font-variant-numeric:tabular-nums;flex-shrink:0}.cn-elev__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px 18px;flex:1;min-width:0}.cn-elev__metric{position:relative;display:inline-flex;min-width:0;align-items:center;gap:7px;min-height:22px;color:var(--cn-text-3)}.cn-elev__metrics code{min-width:0;color:var(--cn-text);font-size:var(--cn-fs-sm);font-weight:600;line-height:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.cn-elev__metric svg{flex-shrink:0}.cn-elev__metricName{position:absolute;bottom:calc(100% + 5px);left:0;z-index:4;padding:3px 7px;border:1px solid var(--cn-line-strong);border-radius:var(--cn-r-sm);background:var(--cn-card);box-shadow:0 8px 20px oklch(0 0 0/.45);font-size:var(--cn-fs-2xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--cn-text-2);opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity var(--cn-dur) var(--cn-ease-out),transform var(--cn-dur) var(--cn-ease-out)}@media (hover:hover) and (pointer:fine){.cn-elev__metric{transition:color var(--cn-dur) var(--cn-ease-out)}.cn-elev__metric:hover{color:var(--cn-text)}.cn-elev__metric:hover .cn-elev__metricName{opacity:1;transform:translateY(0)}}@media not all and (hover:hover){.cn-elev__metricName{position:static;padding:0;border:0;background:none;box-shadow:none;opacity:1;transform:none;color:var(--cn-text-3)}}@media (prefers-reduced-motion:reduce){.cn-elev__metricName{transition:opacity .12s linear;transform:none}}.cn-sheet[data-span=wide]{grid-column:span 2}@media (max-width:1180px){.cn-sheet[data-span=wide]{grid-column:1/-1}}.cn-board>.cn-sheet{align-self:stretch}.cn-inspect__snapshot{display:block;max-width:100%;height:auto;margin:12px 0 4px;border-radius:8px;background:oklch(100% 0 0/.06);box-shadow:inset 0 0 0 1px var(--cn-line)}.cn-inspect__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 20px;margin:12px 0 0}.cn-inspect__facts>div{display:flex;flex-direction:column;gap:2px;min-width:0}.cn-inspect__facts dt{font-size:var(--cn-fs-xs);color:var(--cn-text-3)}.cn-inspect__facts dd{margin:0;display:flex;align-items:center;gap:6px;font-size:var(--cn-fs-md);color:var(--cn-text);overflow-wrap:anywhere}.cn-inspect__swatch{width:11px;height:11px;flex:none;border-radius:3px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.22)}.cn-inspect-workspace,.cn-inspect-workspace__content{display:flex;flex-direction:column;gap:16px;min-width:0}.cn-inspect-workspace__tools{display:flex;align-items:flex-start;gap:16px;min-width:0}.cn-inspect-workspace__find{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 340px;padding-top:10px}.cn-inspect-workspace__filter,.cn-inspect-workspace__search{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--cn-line);border-radius:var(--cn-r-sm);background:oklch(100% 0 0/.035);color:var(--cn-text-3)}.cn-inspect-workspace__search{width:min(260px,100%);padding:0 10px}.cn-inspect-workspace__filter{padding-left:9px}.cn-inspect-workspace__copy svg,.cn-inspect-workspace__filter svg,.cn-inspect-workspace__search svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cn-inspect-workspace__filter select,.cn-inspect-workspace__search input{min-width:0;border:0;outline:0;background:transparent;color:var(--cn-text);font:inherit;font-size:var(--cn-fs-md)}.cn-inspect-workspace__search input{width:100%}.cn-inspect-workspace__search input::placeholder{color:var(--cn-text-3)}.cn-inspect-workspace__filter select{height:100%;padding:0 28px 0 0;cursor:pointer}.cn-inspect-workspace__filter select option{color:var(--cn-text);background:var(--cn-fill)}.cn-inspect-workspace__filter:focus-within,.cn-inspect-workspace__search:focus-within{border-color:var(--cn-accent);box-shadow:0 0 0 3px oklch(70% .13 245/.16)}.cn-inspect-workspace__result-count{margin-left:auto;color:var(--cn-text-3);font-size:var(--cn-fs-xs);white-space:nowrap}.cn-inspect-workspace__layout{display:grid;grid-template-columns:minmax(210px,.82fr) minmax(0,1.7fr);border:1px solid var(--cn-line);border-radius:var(--cn-r-md);overflow:hidden;background:oklch(100% 0 0/.018)}.cn-inspect-workspace__gallery{min-width:0;border-right:1px solid var(--cn-line);background:oklch(100% 0 0/.018)}.cn-inspect-workspace__detail-label,.cn-inspect-workspace__gallery-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border-bottom:1px solid var(--cn-line);color:var(--cn-text-2);font-size:var(--cn-fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.cn-inspect-workspace__gallery-head span:last-child{color:var(--cn-text);font-size:var(--cn-fs-md);font-weight:600;font-variant-numeric:tabular-nums}.cn-inspect-workspace__cards{display:grid;gap:8px;max-height:630px;padding:10px;overflow-y:auto}.cn-inspect-workspace__card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;width:100%;min-width:0;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease)}.cn-inspect-workspace__card:hover{border-color:oklch(100% 0 0/.13);background:oklch(100% 0 0/.045);transform:translateY(-1px)}.cn-inspect-workspace__card[data-selected]{border-color:oklch(70% .13 245/.72);background:oklch(70% .13 245/.12);box-shadow:inset 3px 0 0 var(--cn-accent)}.cn-inspect-workspace__card:focus-visible,.cn-inspect-workspace__copy:focus-visible,.cn-inspect-workspace__empty button:focus-visible,.cn-inspect-workspace__fullscreen-bar>button:focus-visible,.cn-inspect-workspace__fullscreen-preview:focus-visible,.cn-inspect-workspace__preview-toolbar button:focus-visible,.cn-inspect-workspace__preview:focus-visible,.cn-inspect-workspace__secondary:focus-visible,.cn-inspect-workspace__zoom input:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px}.cn-inspect-workspace__fullscreen-preview:focus-visible,.cn-inspect-workspace__preview:focus-visible{outline-offset:-3px}.cn-inspect-workspace__card-preview{display:grid;place-items:center;height:60px;border-radius:6px;overflow:hidden;background:oklch(100% 0 0/.06);box-shadow:inset 0 0 0 1px var(--cn-line)}.cn-inspect-workspace__card-preview img{max-width:100%;max-height:100%;object-fit:contain}.cn-inspect-workspace__card-preview--empty{padding:8px;color:var(--cn-text-3);font-size:var(--cn-fs-2xs);line-height:13px;text-align:center}.cn-inspect-workspace__card-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:4px}.cn-inspect-workspace__card-copy strong{overflow:hidden;color:var(--cn-text);font-size:var(--cn-fs-lg);font-weight:550;text-overflow:ellipsis;white-space:nowrap}.cn-inspect-workspace__card-copy span{color:var(--cn-text-2);font-size:var(--cn-fs-sm);line-height:16px}.cn-inspect-workspace__detail{min-width:0}.cn-inspect-workspace__detail-label{justify-content:flex-start}.cn-inspect-workspace__preview-shell{margin:14px 14px 0;border:1px solid var(--cn-line);border-radius:10px;overflow:hidden;background:oklch(100% 0 0/.035)}.cn-inspect-workspace__preview-toolbar{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 10px 0 12px;border-bottom:1px solid var(--cn-line);color:var(--cn-text-3);font-size:var(--cn-fs-sm);font-weight:500}.cn-inspect-workspace__preview-toolbar>span:first-child{margin-right:auto}.cn-inspect-workspace__zoom{display:inline-flex;flex-shrink:0;align-items:center;padding:2px;border:1px solid var(--cn-line);border-radius:6px;background:oklch(100% 0 0/.035)}.cn-inspect-workspace__fullscreen,.cn-inspect-workspace__zoom button{min-width:44px;min-height:44px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:var(--cn-text-3);font:inherit;font-size:var(--cn-fs-2xl);line-height:1;cursor:pointer}.cn-inspect-workspace__fullscreen:hover,.cn-inspect-workspace__zoom button:hover:not(:disabled){background:var(--cn-fill);color:var(--cn-text)}.cn-inspect-workspace__zoom button:disabled{cursor:not-allowed;opacity:.36}.cn-inspect-workspace__zoom label{display:inline-flex;align-items:center;gap:2px;padding:0 4px;color:var(--cn-text-2);font-size:var(--cn-fs-sm);font-variant-numeric:tabular-nums}.cn-inspect-workspace__zoom input{width:4.5ch;min-width:4.5ch;box-sizing:content-box;appearance:textfield;-moz-appearance:textfield;min-height:34px;padding:0 3px;border:0;border-radius:3px;outline:0;background:transparent;color:var(--cn-text);font:inherit;text-align:right;font-variant-numeric:tabular-nums}.cn-inspect-workspace__zoom input::-webkit-inner-spin-button,.cn-inspect-workspace__zoom input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.cn-inspect-workspace__fullscreen{display:grid;width:44px;min-width:44px;place-items:center;padding:0}.cn-inspect-workspace__fullscreen svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cn-inspect-workspace__preview{display:block;min-height:clamp(320px,38vh,460px);max-height:min(540px,58vh);padding:30px;overflow:auto;overscroll-behavior:auto;cursor:grab;touch-action:pan-y;background-image:linear-gradient(45deg,oklch(100% 0 0/.025) 25%,transparent 0),linear-gradient(-45deg,oklch(100% 0 0/.025) 25%,transparent 0),linear-gradient(45deg,transparent 75%,oklch(100% 0 0/.025) 0),linear-gradient(-45deg,transparent 75%,oklch(100% 0 0/.025) 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.cn-inspect-workspace__preview img{display:block;max-width:none;max-height:none;border-radius:6px;object-fit:contain;box-shadow:0 8px 24px oklch(0 0 0/.25);transition:transform .18s var(--cn-ease);user-select:none;-webkit-user-drag:none}.cn-inspect-workspace__zoom-canvas{position:relative;margin-inline:auto;flex:none}.cn-inspect-workspace__zoom-canvas img{position:absolute;inset:0 auto auto 0;transform-origin:top left}.cn-inspect-workspace__fullscreen-preview[data-dragging],.cn-inspect-workspace__preview[data-dragging]{cursor:grabbing}.cn-inspect-workspace__preview--empty{color:var(--cn-text-3);font-size:var(--cn-fs-sm)}.cn-inspect-workspace__component-title{padding:18px 14px 0}.cn-inspect-workspace__component-title h3{margin:0 0 6px;color:var(--cn-text);font-size:var(--cn-fs-2xl);line-height:23px;font-weight:550}.cn-inspect-workspace__component-title span{color:var(--cn-text-2);font-size:var(--cn-fs-sm)}.cn-inspect-workspace__reconstruction-access{display:grid;gap:5px;margin:16px 14px 0;padding:14px;border:1px solid var(--cn-line);border-radius:9px;background:oklch(100% 0 0/.035)}.cn-inspect-workspace__reconstruction-control{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:8px 14px;width:min(620px,58%);min-width:0;margin-left:auto;padding:12px 14px;border:1px solid var(--cn-line);border-radius:10px;background:oklch(100% 0 0/.035)}.cn-inspect-workspace__reconstruction-control[data-unlocked=true]{border-color:oklch(70% .13 155/.5);background:oklch(70% .13 155/.07)}.cn-inspect-workspace__reconstruction-control .cn-inspect-workspace__reconstruction-access{gap:3px;margin:0;padding:0;border:0;background:transparent}.cn-inspect-workspace__reconstruction-control .cn-inspect-workspace__actions{align-content:center;align-items:center;justify-content:flex-end;padding:0}.cn-inspect-workspace__reconstruction-control .cn-inspect-workspace__copy-status{grid-column:1/-1;min-height:0;margin:0}.cn-inspect-workspace__reconstruction-control .cn-inspect-workspace__copy-status:empty{display:none}.cn-inspect-workspace__reconstruction-access[data-unlocked=true]{border-color:oklch(70% .13 155/.5);background:oklch(70% .13 155/.07)}.cn-inspect-workspace__reconstruction-access>span{color:var(--cn-text-3);font-size:var(--cn-fs-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase}.cn-inspect-workspace__reconstruction-access>strong{color:var(--cn-text);font-size:var(--cn-fs-md);line-height:18px;font-weight:550}.cn-inspect-workspace__reconstruction-access>p{margin:0;color:var(--cn-text-2);font-size:var(--cn-fs-sm);line-height:17px}.cn-inspect-workspace__reconstruction-access>a{width:fit-content;color:#93c5fd;font-size:var(--cn-fs-sm);font-weight:600;text-decoration:underline;text-underline-offset:3px}.cn-inspect-workspace__actions{display:flex;flex-wrap:wrap;gap:8px;padding:20px 14px 22px}.cn-inspect-workspace__copy-status{margin:-14px 14px 18px;color:var(--cn-text-2);font-size:var(--cn-fs-xs);line-height:16px}.cn-inspect-workspace__copy-status.is-error{color:#fca5a5}.cn-inspect-workspace__copy,.cn-inspect-workspace__empty button,.cn-inspect-workspace__secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 13px;border-radius:var(--cn-r-sm);font:inherit;font-size:var(--cn-fs-sm);font-weight:500;cursor:pointer}.cn-inspect-workspace__copy{border:0;background:#1d4ed8;color:#fff;box-shadow:0 4px 14px rgb(29 78 216/.28);transition:transform var(--cn-dur) var(--cn-ease),box-shadow var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-inspect-workspace__copy:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 7px 18px rgb(29 78 216/.38)}.cn-inspect-workspace__copy:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.cn-inspect-workspace__empty button,.cn-inspect-workspace__secondary{border:1px solid var(--cn-line);background:transparent;color:var(--cn-text-2)}.cn-inspect-workspace__empty button:hover,.cn-inspect-workspace__secondary:hover{border-color:oklch(100% 0 0/.25);background:oklch(100% 0 0/.05)}.cn-inspect-workspace__prompt{margin:14px;border:1px solid var(--cn-line);border-radius:8px;overflow:hidden}.cn-inspect-workspace__prompt>div{padding:9px 11px;border-bottom:1px solid var(--cn-line);color:var(--cn-text-2);font-size:var(--cn-fs-xs);font-weight:600}.cn-inspect-workspace__prompt pre{max-height:280px;margin:0;padding:11px;overflow:auto;color:var(--cn-text-2);font:10.5px/16px var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);white-space:pre-wrap;overflow-wrap:anywhere}.cn-inspect-workspace__fullscreen-dialog{position:fixed;z-index:100;inset:0;display:flex;min-width:0;flex-direction:column;background:oklch(12% 0 0/.98);outline:0}.cn-inspect-workspace__fullscreen-bar{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 24px;border-bottom:1px solid var(--cn-line)}.cn-inspect-workspace__fullscreen-bar strong{margin-right:auto;color:var(--cn-text);font-size:var(--cn-fs-xl);font-weight:550}.cn-inspect-workspace__fullscreen-bar>button{min-height:44px;padding:0 12px;border:1px solid var(--cn-line);border-radius:var(--cn-r-sm);background:transparent;color:var(--cn-text-2);font:inherit;font-size:var(--cn-fs-sm);cursor:pointer}.cn-inspect-workspace__fullscreen-bar>button:hover{background:oklch(100% 0 0/.06);color:var(--cn-text)}.cn-inspect-workspace__fullscreen-preview{display:block;min-height:0;flex:1;padding:48px;overflow:auto;overscroll-behavior:contain;cursor:grab;touch-action:none;background-image:linear-gradient(45deg,oklch(100% 0 0/.025) 25%,transparent 0),linear-gradient(-45deg,oklch(100% 0 0/.025) 25%,transparent 0),linear-gradient(45deg,transparent 75%,oklch(100% 0 0/.025) 0),linear-gradient(-45deg,transparent 75%,oklch(100% 0 0/.025) 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.cn-inspect-workspace__fullscreen-preview img{display:block;max-width:none;max-height:none;border-radius:7px;box-shadow:0 12px 34px oklch(0 0 0/.42);transition:transform .18s var(--cn-ease);user-select:none;-webkit-user-drag:none}.cn-inspect-workspace__fullscreen-preview--empty{color:var(--cn-text-3);font-size:var(--cn-fs-md)}.cn-inspect-workspace__empty{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:240px;justify-content:center;border:1px dashed var(--cn-line);border-radius:var(--cn-r-md);color:var(--cn-text-2);text-align:center}@media (max-width:860px){.cn-inspect-workspace__tools{flex-direction:column}.cn-inspect-workspace__find{width:100%;flex:none;padding-top:0}.cn-inspect-workspace__reconstruction-control{width:100%;margin-left:0}.cn-inspect-workspace__layout{grid-template-columns:1fr}.cn-inspect-workspace__gallery{border-right:0;border-bottom:1px solid var(--cn-line)}.cn-inspect-workspace__cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:310px}}@media (max-width:520px){.cn-inspect-workspace__find{flex-wrap:wrap}.cn-inspect-workspace__reconstruction-control{grid-template-columns:1fr}.cn-inspect-workspace__reconstruction-control .cn-inspect-workspace__actions{justify-content:flex-start}.cn-inspect-workspace__reconstruction-control .cn-inspect-workspace__copy-status{grid-column:1}.cn-inspect-workspace__search{width:100%}.cn-inspect-workspace__result-count{margin-left:0}.cn-inspect-workspace__cards{grid-template-columns:1fr}.cn-inspect-workspace__preview{min-height:200px;padding:16px}}@media (prefers-reduced-motion:reduce){.cn-inspect-workspace__card,.cn-inspect-workspace__copy,.cn-inspect-workspace__preview img{transition:none}.cn-inspect-workspace__card:hover,.cn-inspect-workspace__copy:hover{transform:none}}.cn-sect{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 14px;font-size:var(--cn-fs-xl);font-weight:600;line-height:24px;letter-spacing:0;color:#fff}.cn-sect__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:inherit}.cn-sect__label{white-space:nowrap}.cn-sect--actions{min-height:36px;padding-right:2px}.cn-sect__toggle{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:2px 6px 2px 0;margin:-2px 0;border:0;border-radius:var(--cn-r-sm,6px);background:transparent;color:inherit;font:inherit;cursor:pointer}.cn-sect__toggle:hover{color:var(--cn-text)}.cn-sect__chev{transform:scale(.85)}.cn-sect__action,.cn-sect__chev{display:inline-flex;color:var(--cn-text-3)}.cn-sect__action{align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;padding:0;border:0;border-radius:var(--cn-r-sm,6px);background:transparent;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-sect__action:hover:not(:disabled){background:oklch(100% 0 0/.07);color:var(--cn-text)}.cn-sect__action:disabled{opacity:.45;cursor:default}.cn-sect__action:focus-visible{outline:2px solid var(--cn-text);outline-offset:-2px}.cn-sect__menuWrap{position:relative;display:inline-flex}.cn-capRow__menu,.cn-sect__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:172px;display:flex;flex-direction:column;padding:5px;border:1px solid var(--cn-line);border-radius:10px;background:var(--cn-surface-2,oklch(20.5% 0 0));box-shadow:0 14px 34px oklch(0 0 0/.5)}.cn-capRow__menu>[role=menuitem],.cn-sect__menu>[role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--cn-text-2);font-family:inherit;font-size:var(--cn-fs-xl);font-weight:600;line-height:24px;text-align:left;text-decoration:none;cursor:pointer}.cn-capRow__menu>[role=menuitem]:hover:not(:disabled),.cn-sect__menu>[role=menuitem]:hover:not(:disabled){background:oklch(100% 0 0/.07);color:var(--cn-text)}.cn-cap--flush{padding-left:14px}.cn-rail__empty{padding:2px 14px 8px;font-size:var(--cn-fs-md);line-height:18px;color:var(--cn-text-3);text-wrap:pretty}.cn-capRow{position:relative;display:flex;align-items:center}.cn-capRow>.cn-cap{flex:1;min-width:0}.cn-capRow__actions{position:absolute;right:4px;display:inline-flex;align-items:center;gap:1px;padding-left:14px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,var(--cn-surface-2,oklch(20.5% 0 0)) 28%);transition:opacity var(--cn-dur) var(--cn-ease)}.cn-capRow:focus-within .cn-capRow__actions,.cn-capRow:hover .cn-capRow__actions,.cn-capRow[data-menu-open=true] .cn-capRow__actions{opacity:1;pointer-events:auto}.cn-capRow__action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--cn-text-3);cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-capRow__action:hover{background:oklch(100% 0 0/.09);color:var(--cn-text)}.cn-capRow__action[aria-pressed=true]{color:var(--cn-text)}.cn-capRow__action:disabled{cursor:wait;opacity:.48}.cn-capRow__action:focus-visible{outline:2px solid var(--cn-text);outline-offset:-2px}.cn-cap__pinned{color:var(--cn-text-3)}.cn-cap__clone,.cn-cap__pinned{display:inline-flex;margin-left:auto;padding-left:6px}.cn-cap__clone{color:oklch(82% .125 84)}.cn-cap__clone+.cn-cap__pinned{margin-left:0}.cn-capRow:hover .cn-cap__pinned{opacity:0}.cn-capRow__menuWrap{position:relative;display:inline-flex}.cn-capRow__menu{z-index:60;max-height:320px;overflow-y:auto}.cn-capRow__menu>button svg{flex-shrink:0}.cn-capRow__menu>button:disabled{opacity:.4;cursor:default}.cn-capRow__menuItem--danger{color:oklch(70% .17 25)!important}.cn-capRow__menuItem--danger:hover:not(:disabled){background:oklch(30% .08 25)!important}.cn-capRow__menuLabel{padding:7px 9px;font-size:var(--cn-fs-xl);font-weight:600;line-height:24px;letter-spacing:0;color:var(--cn-text-3)}.cn-cap--renaming{gap:8px}.cn-cap--renaming input{flex:1;min-width:0;height:24px;padding:0 7px;border:1px solid var(--cn-line-strong,var(--cn-line));border-radius:6px;background:oklch(0 0 0/.35);color:var(--cn-text);font:inherit}.cn-cap--renaming input:focus-visible{outline:2px solid var(--cn-text);outline-offset:1px}.cn-rail .cn-cap,.cn-rail .cn-row{height:36px;font-size:var(--cn-fs-lg);line-height:20px;font-weight:400}.cn-rail .cn-row{gap:8px;padding:6px 14px;border-radius:10px}.cn-rail .cn-row__label{font-size:var(--cn-fs-lg);font-weight:400;line-height:20px}.cn-rail .cn-row--active .cn-row__label,.cn-rail .cn-row[aria-current=page] .cn-row__label{font-weight:400}.cn-rail .cn-cap__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:oklch(0 0 0/.68);backdrop-filter:blur(5px)}.cn-modal__panel{width:100%;max-width:480px;padding:24px;border:1px solid var(--cn-line-strong);border-radius:var(--cn-r-lg);background:linear-gradient(180deg,oklch(100% 0 0/.035),transparent 38%),var(--cn-card);box-shadow:0 28px 80px oklch(0 0 0/.68),inset 0 1px oklch(100% 0 0/.04)}.cn-modal__header{display:flex;align-items:center;gap:16px}.cn-modal__close{width:32px;height:32px;margin:-5px -5px -5px auto;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--cn-text-2);cursor:pointer;transition:color var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-modal__close:hover{color:var(--cn-text);background:var(--cn-fill)}.cn-modal__close:focus-visible{outline:2px solid var(--cn-text);outline-offset:2px}.cn-modal__close:disabled{cursor:wait;opacity:.45}.cn-modal__title{margin:0;font-size:var(--cn-fs-2xl);font-weight:600;line-height:24px;letter-spacing:-.01em;color:var(--cn-text)}.cn-modal__desc{margin:6px 0 0;font-size:var(--cn-fs-md);line-height:19px;color:var(--cn-text-3);text-wrap:pretty}.cn-modal__field{display:flex;flex-direction:column;gap:6px;margin-top:22px}.cn-modal__field>span{font-size:var(--cn-fs-lg);font-weight:520;line-height:20px;color:var(--cn-text)}.cn-modal__field input{height:44px;padding:0 13px;border:1px solid var(--cn-line-strong,var(--cn-line));border-radius:var(--cn-r-md);background:oklch(0 0 0/.3);color:var(--cn-text);font:400 14px/20px inherit;transition:border-color var(--cn-dur) var(--cn-ease),box-shadow var(--cn-dur) var(--cn-ease)}.cn-modal__field input::placeholder{color:var(--cn-text-3)}.cn-modal__field input:focus-visible{outline:0;border-color:oklch(100% 0 0/.52);box-shadow:0 0 0 3px oklch(100% 0 0/.08)}.cn-modal__field input[aria-invalid=true]{border-color:#ff6b6b}.cn-modal__fieldMeta{min-height:18px;display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:var(--cn-text-3);font-size:var(--cn-fs-sm);line-height:16px}.cn-modal__error[role=alert]{color:#ff8a8a}.cn-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}@media (max-width:560px){.cn-modal{padding:14px}.cn-modal__panel{padding:20px}}.cn-rail .cn-cap__mark,.cn-rail .cn-nav-icon,.cn-rail .cn-sect__icon,.cn-rail .cn-tile-icon{width:20px;height:20px;flex-shrink:0}.cn-rail .cn-cap__mark{border-radius:5px;font-size:var(--cn-fs-2xs)}.cn-rail .cn-tile-icon{border-radius:6px}.cn-rail .cn-nav-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--cn-text-3)}.cn-rail .cn-cap,.cn-rail .cn-row,.cn-rail .cn-sect{gap:8px}.cn-rail .cn-row--group{padding-left:14px}.cn-rail .cn-chev{width:14px;margin-left:-6px;flex-shrink:0;display:inline-flex;justify-content:center;color:var(--cn-text-3)}.cn-brand{flex-shrink:0;display:flex;align-items:center;gap:9px;height:69px;padding:17px 2px 0}.cn-brand__lockup{display:block;width:118px;height:auto;flex-shrink:0;object-fit:contain}.cn-brand__home{display:inline-flex;align-items:center;margin-left:4px;padding:6px 8px;border-radius:8px;background:transparent;text-decoration:none;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),transform var(--cn-dur) var(--cn-ease)}.cn-brand__home:hover{background:oklch(100% 0 0/.08)}.cn-brand__home:active{transform:scale(.98)}.cn-brand__home:focus-visible{outline:2px solid var(--cn-text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cn-brand__home{transition:none}.cn-brand__home:active{transform:none}}.cn-brand__tool{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--cn-text-2);cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-brand__tool:hover{background:oklch(100% 0 0/.08);color:var(--cn-text)}.cn-brand__tool:focus-visible{outline:2px solid var(--cn-text);outline-offset:-2px}.cn-rail--compact{width:52px;padding:0;overflow:visible}.cn-rail--compact:has(.cn-profile__trigger[aria-expanded=true]){z-index:90}.cn-railMini{width:52px;min-height:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 6px 10px;opacity:1;transition:opacity var(--cn-dur) linear}.cn-railMini__button{width:40px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:9px;background:transparent;color:var(--cn-text-2);text-decoration:none;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease),color var(--cn-dur) var(--cn-ease)}.cn-railMini__brand{height:36px;margin-bottom:16px;color:var(--cn-text)}.cn-railMini__button:hover{background:oklch(100% 0 0/.08);color:var(--cn-text)}.cn-railMini__button[aria-current=page]{background:oklch(100% 0 0/.1);color:var(--cn-text)}.cn-railMini__button:focus-visible{outline:2px solid var(--cn-text);outline-offset:-2px}.cn-rail__body>.cn-sect{margin-top:16px}.cn-rail__body>.cn-sect:first-of-type{margin-top:10px}.cn-rail__body>.cn-row+.cn-sect{margin-top:18px}.cn-rail__status{margin:0;padding:4px 10px 8px;font-size:var(--cn-fs-sm);line-height:17px;color:var(--cn-text-3)}.cn-rail__install{margin-bottom:4px}.cn-profile{position:sticky;bottom:0;z-index:30;flex-shrink:0;margin:4px -6px 0;padding:10px 8px 12px;border-top:1px solid var(--cn-line);background:var(--cn-rail-bg)}.cn-profile__trigger{display:flex;align-items:center;width:100%;gap:9px;padding:5px 12px;border:0;border-radius:9px;background:transparent;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:background-color var(--cn-dur) var(--cn-ease)}.cn-profile__trigger:hover,.cn-profile__trigger[aria-expanded=true]{background:oklch(100% 0 0/.06)}.cn-profile__trigger:hover{transform:translateY(-1px)}.cn-profile__trigger:active{transform:scale(.985)}.cn-profile__trigger:focus-visible{outline:2px solid var(--cn-text);outline-offset:-2px}.cn-profile__avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--cn-fill-strong);box-shadow:inset 0 0 0 1px var(--cn-line);color:var(--cn-text-2);font-size:var(--cn-fs-xs);font-weight:650;letter-spacing:.02em}.cn-profile__avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.cn-profile__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.cn-profile__name{font-size:var(--cn-fs-lg);font-weight:500;color:var(--cn-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-profile__plan{font-size:var(--cn-fs-sm);font-weight:400;color:var(--cn-text-3)}.cn-account--compact.cn-profile{position:relative;width:40px;margin:6px 0 0;padding:0;border-top:0;background:transparent}.cn-account--compact .cn-profile__trigger{width:40px;height:40px;justify-content:center;padding:0}.cn-account--compact .cn-profile__avatar{width:26px;height:26px}.cn-account--compact .cn-profile__text{display:none}.cn-account--compact .cn-menu{right:auto;bottom:0;left:calc(100% + 8px);width:240px;transform:translateX(-6px) scale(.98);transform-origin:bottom left}.cn-account--compact .cn-menu[data-open=true]{transform:translateX(0) scale(1)}@media (max-width:860px){.cn-rail:not(.cn-rail--compact){position:fixed;inset:auto 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}.cn-rail.cn-rail--compact{position:fixed;inset:auto 0 0;z-index:80;width:100%;height:66px;display:block;padding:0;border-top:1px solid var(--cn-line-strong);border-right:0;overflow:visible}.cn-rail--compact .cn-railMini{width:100%;min-height:0;height:65px;flex-direction:row;justify-content:space-around;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.cn-rail--compact .cn-railMini__brand{margin:0}.cn-rail--compact .cn-grow{display:none}.cn-rail--compact .cn-account--compact{margin:0}.cn-rail--compact .cn-account--compact .cn-menu{right:0;bottom:calc(100% + 10px);left:auto;transform:translateY(6px) scale(.98);transform-origin:bottom right}.cn-rail--compact .cn-account--compact .cn-menu[data-open=true]{transform:translateY(0) scale(1)}}.cn-recent-list{max-height:none;min-height:0;overflow:visible}.cn-railSearch{min-height:0;flex:1;display:flex;flex-direction:column;padding:9px 2px 0;transform-origin:top right}.cn-railSearch__field{height:40px;display:flex;align-items:center;gap:8px;flex-shrink:0;padding:0 7px 0 11px;border:1px solid var(--cn-line-strong);border-radius:10px;background:var(--cn-fill);color:var(--cn-text-3);transition:border-color var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-railSearch__field:focus-within{border-color:oklch(100% 0 0/.28);background:oklch(100% 0 0/.075)}.cn-railSearch__field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--cn-text);font:500 14px/20px inherit}.cn-railSearch__field input::placeholder{color:var(--cn-text-3)}.cn-railSearch__clear,.cn-railSearch__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--cn-text-3);cursor:pointer;transition:color var(--cn-dur) var(--cn-ease),background-color var(--cn-dur) var(--cn-ease)}.cn-railSearch__clear{width:24px;height:24px}.cn-railSearch__close{color:var(--cn-text-2)}.cn-railSearch__clear:hover,.cn-railSearch__close:hover{color:var(--cn-text);background:oklch(100% 0 0/.08)}.cn-railSearch__clear:focus-visible,.cn-railSearch__close:focus-visible{outline:2px solid var(--cn-text);outline-offset:-2px}.cn-railSearch__body{min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:10px 0 8px;scrollbar-width:thin;scrollbar-color:var(--cn-line-strong) transparent}.cn-railSearch__results{display:grid;gap:2px}.cn-railSearch__result{min-width:0;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--cn-text-2);text-decoration:none;transition:background-color .1s var(--cn-ease),color .1s var(--cn-ease)}.cn-railSearch__result[data-active=true]{background:oklch(100% 0 0/.09);color:var(--cn-text)}.cn-railSearch__result:focus-visible{outline:2px solid var(--cn-text);outline-offset:-2px}.cn-railSearch__icon{display:inline-flex;flex-shrink:0;color:var(--cn-text-3)}.cn-railSearch__copy{min-width:0;display:grid;flex:1}.cn-railSearch__detail,.cn-railSearch__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-railSearch__name{font-size:var(--cn-fs-lg);line-height:18px;font-weight:520}.cn-railSearch__detail{font-size:var(--cn-fs-sm);line-height:16px;color:var(--cn-text-3)}.cn-railSearch__message{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px;text-align:center;color:var(--cn-text-3);font-size:var(--cn-fs-md);line-height:18px}.cn-railSearch__spinner{width:18px;height:18px;border:2px solid var(--cn-line-strong);border-top-color:var(--cn-text);border-radius:50%;animation:cn-search-spin .7s linear infinite}.cn-railSearch__partial{margin:8px 10px 0;padding-top:9px;border-top:1px solid var(--cn-line);color:var(--cn-text-3);font-size:var(--cn-fs-sm);line-height:16px}@keyframes cn-search-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.cn-railSearch__spinner{animation-duration:1.4s}}@media (max-width:860px){.cn-rail:has(.cn-railSearch){inset:0 auto 0 0;width:min(360px,100%);height:100dvh;display:flex;padding:0 10px max(10px,env(safe-area-inset-bottom));border-top:0;border-right:1px solid var(--cn-line);background:var(--cn-rail-bg);backdrop-filter:none}.cn-rail:has(.cn-railSearch)>*{display:none}.cn-rail:has(.cn-railSearch)>.cn-railSearch{display:flex}}.cn-usage-notice{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0 4px;padding:18px 20px;border:1px solid oklch(74% .1 286/.34);border-radius:14px;color:var(--cn-text);background:linear-gradient(110deg,oklch(31% .055 286/.72),oklch(24% .025 220/.82));box-shadow:inset 0 1px oklch(100% 0 0/.07)}.cn-usage-notice[data-exhausted=true]{border-color:oklch(72% .14 20/.44);background:linear-gradient(110deg,oklch(30% .06 20/.78),oklch(23% .025 286/.82))}.cn-usage-notice__copy{display:grid;gap:5px}.cn-usage-notice__copy>span{color:var(--cn-text-3);font:600 11px/15px inherit;letter-spacing:.07em;text-transform:uppercase}.cn-usage-notice__copy strong{font:600 15px/21px inherit}.cn-usage-notice__copy p{margin:0;color:var(--cn-text-2);font:400 13px/19px inherit}.cn-usage-notice__actions{display:flex;align-items:center;gap:10px;flex:none}.cn-usage-notice__actions a,.cn-usage-notice__actions button{min-height:38px;padding:9px 13px;border:1px solid var(--cn-line);border-radius:9px;color:var(--cn-text-2);background:transparent;text-decoration:none;cursor:pointer;font:550 12px/18px inherit}.cn-usage-notice__actions a{border-color:transparent;color:#171717;background:#fff}.cn-usage-notice__actions :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:720px){.cn-usage-notice{align-items:flex-start;flex-direction:column}.cn-usage-notice__actions{width:100%}.cn-usage-notice__actions a,.cn-usage-notice__actions button{flex:1;text-align:center}}.cn-sectionbar{display:flex;align-items:center;gap:16px;min-width:0}.cn-sectionbar__action{margin-left:auto;flex-shrink:0}.cn-sectionbar__action .cn-btn{white-space:nowrap}.cn-grad{flex-direction:column;margin:0;padding:0;list-style:none}.cn-grad,.cn-grad li{display:flex;gap:14px}.cn-grad li{flex-direction:row;align-items:center;min-width:0}.cn-grad__swatch{width:var(--cn-swatch-w);height:var(--cn-swatch-h);flex-shrink:0;border-radius:8px;box-shadow:inset 0 0 0 1px var(--cn-line);background-color:oklch(100% 0 0/.06)}.cn-grad__kind{display:block;min-width:0;font-size:var(--cn-fs-sm);line-height:15px;color:var(--cn-text-2);white-space:nowrap}.cn-elev__metrics{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.cn-preview__code .tk--comment{color:var(--cn-text-3);font-style:italic}.cn-preview__code .tk--punct{color:oklch(100% 0 0/.35)}.cn-preview__code .tk--key,.cn-preview__code .tk--property{color:#2ba6ff}.cn-preview__code .tk--string{color:#4ade80}.cn-preview__code .tk--number{color:#7c6cff}.cn-preview__code .tk--atom,.cn-preview__code .tk--atrule,.cn-preview__code .tk--variable{color:#ff7a1a}.cn-preview__code .tk--colour{color:#ffd426}.cn-preview__code .tk--heading{color:var(--cn-text);font-weight:600}.cn-preview__code .tk--bullet{color:#22d3c5}.cn-preview__code .tk--strong{color:var(--cn-text);font-weight:600}.cn-preview__code .tk--code{color:#ff5c8a}.cn-inspect-facts{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:14px 14px 0;border-top:1px solid var(--cn-line)}.cn-inspect-facts__rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 22px;margin:0}.cn-inspect-facts__row{display:flex;min-width:0;flex-direction:column;gap:2px}.cn-inspect-facts__row dt{font-size:var(--cn-fs-2xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--cn-text-3)}.cn-inspect-facts__row dd{display:flex;min-width:0;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0;font-size:var(--cn-fs-md);line-height:18px;color:var(--cn-text);overflow-wrap:anywhere}.cn-inspect-facts__row small{font-size:var(--cn-fs-xs);color:var(--cn-text-3)}.cn-inspect-facts__row small[data-tone=ok]{color:oklch(78% .16 155)}.cn-inspect-facts__row small[data-tone=bad]{color:oklch(70% .19 25)}.cn-inspect-facts__issues{display:flex;flex-direction:column;gap:5px;margin:0;padding:0 0 0 15px;font-size:var(--cn-fs-sm);line-height:17px;color:var(--cn-text-2)}.cn-inspect-facts__values{display:flex;flex-direction:column;gap:9px}.cn-inspect-facts__valuesHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:var(--cn-fs-2xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--cn-text-3)}.cn-inspect-facts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px 24px;margin:0}.cn-inspect-facts__grid>div{display:grid;grid-template-columns:minmax(min-content,max-content) minmax(0,1fr);align-items:baseline;gap:12px;min-width:0;padding:6px 0;border-bottom:1px solid oklch(100% 0 0/.05)}.cn-inspect-facts__grid dt{display:flex;min-width:0;align-items:center;gap:8px;font-size:var(--cn-fs-sm);color:var(--cn-text-3);overflow-wrap:anywhere}.cn-inspect-facts__kind{position:relative;display:inline-flex;width:13px;height:13px;flex-shrink:0;align-items:center;justify-content:center}.cn-inspect-facts__kind[data-kind=Colour]{color:#2ba6ff}.cn-inspect-facts__kind[data-kind=Gradients]{color:#ff7a1a}.cn-inspect-facts__kind[data-kind=Type]{color:#ffd426}.cn-inspect-facts__kind[data-kind=Spacing]{color:#22d3c5}.cn-inspect-facts__kind[data-kind=Radius]{color:#7c6cff}.cn-inspect-facts__kind[data-kind=Borders]{color:#4ade80}.cn-inspect-facts__kind[data-kind=Elevation]{color:#ff5c8a}.cn-inspect-facts__kind[data-kind=Motion]{color:#ff6a00}.cn-inspect-facts__kindName{position:absolute;bottom:calc(100% + 5px);left:-2px;z-index:4;padding:3px 7px;border:1px solid var(--cn-line-strong);border-radius:var(--cn-r-sm);background:var(--cn-card);box-shadow:0 8px 20px oklch(0 0 0/.45);font-size:var(--cn-fs-2xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--cn-text-2);opacity:0;pointer-events:none;transition:opacity var(--cn-dur) var(--cn-ease-out)}@media (hover:hover) and (pointer:fine){.cn-inspect-facts__kind:hover .cn-inspect-facts__kindName{opacity:1}}@media not all and (hover:hover){.cn-inspect-facts__kindName{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.cn-inspect-facts__grid dd{margin:0;min-width:0;font-size:var(--cn-fs-sm);text-align:right;color:var(--cn-text);overflow-wrap:anywhere}.cn-tokenFlow{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 0 12px;--cn-folder-w:200px}.cn-tokenFlow__lede{margin:0;text-align:center;font-size:var(--cn-fs-lg);line-height:20px;color:var(--cn-text-3)}.cn-tokenFlow__lede strong{font-weight:650;font-size:var(--cn-fs-2xl);color:var(--cn-text);font-variant-numeric:tabular-nums}.cn-tokenFlow__groups{display:flex;flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:10px;margin:0;padding:0;list-style:none}.cn-tokenFlow__groups li{display:inline-flex}.cn-tokenFlow__chip{display:inline-flex;align-items:center;gap:7px;font-size:var(--cn-fs-lg);line-height:22px;color:var(--cn-text-3)}@media (prefers-reduced-motion:reduce){.cn-tokenFlow__chip{transition:opacity .12s linear}.cn-tokenFlow:hover .cn-tokenFlow__chip{opacity:.72}}.cn-tokenFlow__groups svg{flex-shrink:0;opacity:.85}.cn-tokenFlow__groups b{font-weight:650;color:var(--cn-text);font-variant-numeric:tabular-nums}.cn-tokenFlow__zip{display:inline-flex;align-items:center;height:28px;padding:0 14px;border:1px solid var(--cn-line-strong);border-radius:var(--cn-r-pill);background:var(--cn-fill);font-size:var(--cn-fs-sm);font-weight:500;letter-spacing:.02em;color:var(--cn-text-2)}.cn-tokenFlow__target{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:calc(var(--cn-folder-w) * -.15)}.cn-tokenFlow__folderHost{display:flex}.cn-tokenFlow__folder{width:var(--cn-folder-w);height:calc(var(--cn-folder-w) * .565)}.cn-radii__readout{display:inline-flex;align-items:center;gap:5px;color:var(--cn-text-2)}.cn-radii__readout code,.cn-radii__value{font-size:var(--cn-fs-md);font-weight:600;color:var(--cn-text-2);font-variant-numeric:tabular-nums}.cn-radii__mixed{position:relative;display:inline-flex}.cn-radii__corners{position:absolute;top:calc(100% + 6px);left:50%;z-index:5;display:grid;grid-template-columns:repeat(2,auto);width:max-content;gap:4px;padding:6px;border:1px solid var(--cn-line-strong);border-radius:var(--cn-r-md);background:var(--cn-card);box-shadow:0 12px 28px oklch(0 0 0/.5);visibility:hidden;opacity:0;transform:translate(-50%,-4px);transition:opacity var(--cn-dur) var(--cn-ease-out),transform var(--cn-dur) var(--cn-ease-out),visibility 0s linear var(--cn-dur)}.cn-radii__mixed:focus-within .cn-radii__corners,.cn-radii__mixed:hover .cn-radii__corners{visibility:visible;opacity:1;transform:translate(-50%);transition-delay:0s}.cn-radii__corners>span{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:var(--cn-r-sm);background:oklch(100% 0 0/.05);color:var(--cn-text-3);white-space:nowrap}.cn-radii__corners code{font-size:var(--cn-fs-sm);color:var(--cn-text-2);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.cn-radii__corners{transition:none}}.cn-tokenFlow__get .cn-btn{height:30px;font-size:var(--cn-fs-sm)}.cn-tokensTab .cn-preview__code{max-height:clamp(96px,calc(82vh - 500px),300px)}.cn-tokensTab .cn-token-format-control{margin-bottom:12px}.cn-tokensTab>.cn-sheet{padding:14px 20px 16px;gap:12px}.cn-tokensTab .cn-sheet__body{gap:10px}.cn-tokensTab .cn-tokenFlow{padding:0 0 6px;gap:8px;--cn-folder-w:clamp(150px,24vh,200px)}.cn-capturebar{padding-top:28px;padding-bottom:0;margin-bottom:16px}.cn-capture-heading__primary{flex:1}.cn-capture-heading .cn-h1{font-size:28px;line-height:36px;font-weight:500;overflow-wrap:anywhere}@media (max-width:860px){.cn-capturebar{padding-top:20px}}@media (max-width:720px){.cn-capture-heading .cn-h1{font-size:20px;line-height:28px}}.cn-capture-recovery{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px 24px;margin-top:28px;gap:16px;border:1px solid #343039;border-radius:14px;background:#19171c;text-align:center;color:#f5f3f7}.cn-capture-recovery>svg{color:#f4b8c0}.cn-capture-recovery h2{font-family:inherit;font-size:28px;line-height:36px;font-weight:500;margin:0}.cn-capture-recovery p{max-width:430px;margin:0;color:#b9b5c0;font-size:14px;line-height:22px}.cn-capture-recovery>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.cn-capture-recovery button:disabled{opacity:.5;cursor:wait}.cn-capture-recovery :is(button,a):focus-visible{outline:2px solid #c8a5fa;outline-offset:3px}.cn-dashboard-error{display:grid;place-items:center;padding:24px}.cn-dashboard-loading{display:flex;padding:28px;gap:28px;background:#141414;color:#b9b5c0}.cn-loading-sidebar{width:180px;padding-top:32px;flex:none}.cn-loading-main{flex:1;min-width:0}.cn-loading-main>p{margin:0 0 12px;font-size:13px}.cn-skeleton{height:32px;background:#ffffff09;border-radius:8px;margin-bottom:12px;animation:cn-loading-pulse 1.5s ease-in-out infinite alternate}.cn-loading-title{height:36px;width:60%}.cn-loading-tabs{height:40px;width:50%;margin-block:16px;border-radius:999px}.cn-loading-workspace{display:grid;grid-template-columns:180px 1fr 340px;gap:16px;height:calc(100dvh - 180px);min-height:300px;padding:16px;border:1px solid #303034;border-radius:14px}.cn-loading-canvas{background:#ffffff03;border-radius:8px}@keyframes cn-loading-pulse{to{opacity:.4}}@media (max-width:1000px){.cn-loading-workspace{grid-template-columns:1fr 1fr}.cn-loading-workspace>div:first-child{display:none}}@media (max-width:760px){.cn-loading-sidebar{display:none}.cn-dashboard-loading{padding:20px}.cn-loading-workspace{grid-template-columns:1fr}.cn-loading-canvas{display:none}.cn-loading-tabs{width:100%}}@media (prefers-reduced-motion:reduce){.cn-skeleton{animation:none}}.cn-site-sheet{height:var(--cn-site-height,calc(100dvh - 190px));min-height:360px;display:flex;flex-direction:column}.cn-site-sheet>.cn-sheet__head{position:static;flex:none;padding-block:12px;margin-bottom:12px}.cn-site-sheet>.cn-sheet__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.cn-site-sheet .cn-sheet__body>div:not([hidden]):not(.cn-stage),.cn-site-sheet .cn-sheet__body>div:not([hidden])>div{flex:1;min-height:0;height:100%}.cn-site-sheet .cn-clone-viewer{height:100%;min-height:0}.cn-site-sheet .cn-stage{flex:1;min-height:0;padding:0;place-items:center;overflow:hidden}.cn-site-sheet .cn-stage__frame{height:100%;width:auto!important;max-width:100%!important;box-shadow:none}.cn-site-sheet .cn-stage__screenshot{width:100%;height:100%;min-height:0;object-fit:contain}.cn-site-sheet .cn-specs{flex:none;margin:0;padding-top:8px;display:flex;justify-content:space-around}.cn-site-sheet .cn-spec{display:flex;gap:8px;align-items:baseline}.cn-site-sheet .cn-spec dd{margin:0}.cn-site-sheet{container-type:inline-size}.cn-site-sheet>.cn-sheet__head{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,max-content) minmax(210px,1fr);grid-template-rows:minmax(40px,auto) 28px;gap:4px clamp(20px,2.5vw,40px);align-items:center}.cn-site-sheet>.cn-sheet__head>.cn-grow{display:none}.cn-site-sheet .cn-sheet__title{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere;font-size:16px;font-weight:650;line-height:24px;letter-spacing:0}.cn-site-sheet .cn-sheet__meta{grid-column:1;grid-row:2;color:var(--cn-text);font-size:22px;font-weight:700;line-height:28px;letter-spacing:-.5px}.cn-site-summary{grid-column:2/5;grid-row:1/3;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;margin:0}.cn-site-summary .cn-spec{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-items:center;gap:4px}.cn-site-summary .cn-spec dt{font-size:16px;font-weight:500;line-height:24px}.cn-site-summary .cn-spec dd{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.5px}.cn-site-sheet .cn-site-controls{grid-column:5;grid-row:1;justify-self:end}@container (max-width: 950px){.cn-site-sheet>.cn-sheet__head{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(40px,auto) 28px 24px 28px;row-gap:8px}.cn-site-summary{grid-column:1/-1;grid-row:3/5;grid-template-columns:repeat(3,minmax(0,1fr))}.cn-site-sheet .cn-site-controls{grid-column:2;grid-row:1/3;align-self:start}}@container (max-width: 560px){.cn-site-sheet>.cn-sheet__head{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 28px 24px 28px auto}.cn-site-summary{column-gap:12px}.cn-site-sheet .cn-site-controls{grid-column:1;grid-row:5;justify-self:start;justify-content:flex-start;margin-top:8px}}.cn-spacing code small{font:inherit;font-size:12px;font-weight:400;color:var(--cn-text-3)}.cn-spacing-copy .cn-copy__hint{opacity:.75}.cn-spacing__track{min-width:0}.cn-radii li:hover{background:transparent}.cn-media-selection{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0;font-size:13px}.cn-media-selection label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.cn-media-selection>span{color:var(--cn-text-3)}.cn-media-selection>button{margin-left:auto}.cn-media-selection button:disabled{opacity:.45;cursor:not-allowed}.cn-media-vectors .cn-media__tile{position:relative;padding-top:34px}.cn-media__tile[data-selected=true]{border-color:#c8a5fa;background:#c8a5fa14}.cn-media__select{position:absolute;top:8px;left:8px;display:flex;padding:2px;cursor:pointer}.cn-media-selection input,.cn-media__select input{accent-color:#c8a5fa;width:16px;height:16px;margin:0}.cn-media__actions{display:flex;gap:6px;margin-top:10px}.cn-media__actions button{display:grid;place-items:center;min-width:32px;min-height:32px;flex:1;border-radius:6px;border:1px solid var(--cn-line);background:transparent;color:var(--cn-text);cursor:pointer}.cn-media__actions button:hover{background:#fff;color:#111}.cn-media-selection :focus-visible,.cn-media__actions button:focus-visible,.cn-media__select input:focus-visible{outline:2px solid #c8a5fa;outline-offset:3px}.cn-media-feedback{display:block;margin-top:12px;color:var(--cn-text-2);font-size:13px}.cn-site-sheet--interactive{min-height:max(880px,calc(100svh - 120px))}.cn-clone-loading>img{height:100%;object-fit:cover;object-position:top}.cn-clone-placeholder{height:100%;min-height:360px;background:linear-gradient(135deg,#1d1d1d,#151515);border-radius:12px}@media (max-width:767px){.cn-site-sheet--interactive{min-height:max(720px,calc(100svh - 80px))}}