@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--sc-font-ui);--default-mono-font-family:var(--sc-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{height:100%}body{font-family:var(--sc-font-ui);font-size:var(--sc-text-base);line-height:var(--sc-leading-base);color:var(--sc-ink);background:var(--sc-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}a{color:inherit}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:none}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}}@layer components{svg.i{flex:none;width:18px;height:18px}svg.i-sm{flex:none;width:16px;height:16px}svg.i-xs{flex:none;width:12px;height:12px}.mono{font-family:var(--sc-font-mono);font-size:var(--sc-text-xs);line-height:var(--sc-leading-xs)}.muted{color:var(--sc-ink-3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focusable:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.chip:focus-visible,.seg button:focus-visible,.menu-item:focus-visible,.switch:focus-visible,.field .val:focus-visible,.tool:focus-visible,.link:focus-visible,.sample:focus-visible,.brand:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.preset:focus-visible{outline:none}.preset:focus-visible .thumb{box-shadow:var(--sc-focus-ring)}.brand{color:var(--sc-ink);border-radius:12px;align-items:center;gap:9px;text-decoration:none;display:flex}.brand .mark{flex:none;width:34px;height:34px}.brand .word{font:var(--sc-weight-black) 22px/1 var(--sc-font-display), sans-serif;letter-spacing:-.035em;margin-top:-2px}.btn{height:var(--sc-control-h-lg);padding:0 var(--sc-space-4);border-radius:var(--sc-radius-lg);justify-content:center;align-items:center;gap:var(--sc-space-2);font-weight:var(--sc-weight-semibold);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--sc-dur-fast) var(--sc-ease-pop), box-shadow var(--sc-dur-fast) var(--sc-ease-out), background var(--sc-dur-fast), color var(--sc-dur-fast);font-size:14px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transition-duration:var(--sc-dur-instant);transition-timing-function:var(--sc-ease-out)}.btn-secondary{background:var(--sc-surface);box-shadow:var(--sc-shadow-raised);color:var(--sc-ink)}.btn-secondary:hover:not(:disabled){box-shadow:var(--sc-shadow-raised-hover)}.btn-secondary:active:not(:disabled),.btn-secondary.pressed{box-shadow:var(--sc-shadow-pressed);transform:translateY(1px)}.btn-secondary:disabled,.btn-secondary:disabled .kbd{color:var(--sc-ink-4)}.btn-primary{background:var(--sc-accent-fill);background-image:var(--sc-grad-candy);color:var(--sc-on-accent);box-shadow:var(--sc-shadow-candy);text-shadow:0 1px #96143c40;padding-bottom:3px}.btn-primary:hover:not(:disabled){background-image:var(--sc-grad-candy-hover)}.btn-primary:active:not(:disabled),.btn-primary.pressed{box-shadow:var(--sc-shadow-candy-pressed);padding-bottom:1px;transform:translateY(2px)}.btn-primary:disabled{background:var(--sc-well);color:var(--sc-ink-4);box-shadow:var(--sc-shadow-raised);text-shadow:none;background-image:none}.btn-primary .tag{font:var(--sc-weight-medium) var(--sc-text-2xs) / 1 var(--sc-font-mono), monospace;letter-spacing:.02em;text-shadow:none;background:#fff3;border-radius:6px;align-items:center;gap:4px;min-height:18px;padding:4px 6px;display:inline-flex}.split{display:inline-flex}.split .btn-primary:first-child{border-radius:var(--sc-radius-lg) 0 0 var(--sc-radius-lg);padding-right:var(--sc-space-3)}.split .btn-primary:last-child{border-radius:0 var(--sc-radius-lg) var(--sc-radius-lg) 0;margin-left:1px;padding:0 10px 3px}.split .btn-primary:last-child:active:not(:disabled),.split .btn-primary.pressed:last-child{padding-bottom:1px}.btn-ghost{color:var(--sc-ink-2);height:var(--sc-control-h);padding:0 var(--sc-space-3);border-radius:var(--sc-radius-md)}.btn-ghost:hover:not(:disabled){background:var(--sc-well);color:var(--sc-ink)}.btn-sm{height:var(--sc-control-h);padding:0 var(--sc-space-3);border-radius:var(--sc-radius-md);font-size:13px}.btn-sm.btn-primary{padding-bottom:3px}.btn-xl{border-radius:16px;height:54px;padding:0 24px;font-size:16px}.btn-block{width:100%}.btn-danger{color:var(--sc-danger)}.icon-btn{width:var(--sc-control-h);height:var(--sc-control-h);border-radius:var(--sc-radius-md);color:var(--sc-ink-2);transition:background var(--sc-dur-fast), color var(--sc-dur-fast);flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled),.icon-btn[aria-expanded=true]{background:var(--sc-well);color:var(--sc-ink)}.icon-btn:disabled{color:var(--sc-ink-4)}.icon-btn.sm{border-radius:8px;width:28px;height:28px}.kbd{border-radius:var(--sc-radius-xs);min-width:20px;height:20px;font:var(--sc-weight-medium) var(--sc-text-2xs) / 1 var(--sc-font-mono), monospace;color:var(--sc-ink-3);background:var(--sc-well);box-shadow:inset 0 -1px 0 var(--sc-line-strong);white-space:nowrap;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.kbd-lg{min-width:52px;height:52px;font:var(--sc-weight-semibold) 22px/1 var(--sc-font-ui), sans-serif;color:var(--sc-ink);background:var(--sc-surface);box-shadow:inset 0 1px 0 #ffffffe6, inset 0 -4px 0 var(--sc-line-strong), 0 2px 4px #4a2d141f, 0 0 0 1px var(--sc-line);border-radius:14px;padding:0 12px 4px}:root[data-theme=dark] .kbd-lg{box-shadow:inset 0 1px 0 #fff0e10f, inset 0 -4px 0 var(--sc-line-strong), 0 2px 4px #00000059, 0 0 0 1px var(--sc-line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .kbd-lg{box-shadow:inset 0 1px 0 #fff0e10f, inset 0 -4px 0 var(--sc-line-strong), 0 2px 4px #00000059, 0 0 0 1px var(--sc-line)}}.chip{height:var(--sc-control-h);padding:0 var(--sc-space-3);border-radius:var(--sc-radius-pill);align-items:center;gap:var(--sc-space-2);background:var(--sc-surface);box-shadow:var(--sc-shadow-raised);font-weight:var(--sc-weight-semibold);white-space:nowrap;transition:box-shadow var(--sc-dur-fast), background var(--sc-dur-fast), color var(--sc-dur-fast);font-size:13px;display:inline-flex}.chip:hover{box-shadow:var(--sc-shadow-raised-hover)}.chip .mono{color:var(--sc-ink-3)}.chip.soft{background:var(--sc-well);box-shadow:none;font-weight:var(--sc-weight-medium);color:var(--sc-ink-2)}.chip.soft:hover{background:var(--sc-well-hover);color:var(--sc-ink)}.chip.on,.chip[aria-expanded=true]{background:var(--sc-ink);color:var(--sc-on-ink);box-shadow:inset 0 -2px #00000059}.chip.on .mono,.chip[aria-expanded=true] .mono{color:inherit;opacity:.7}.app{grid-template-rows:var(--sc-header-h) minmax(0, 1fr);grid-template-columns:minmax(0, 1fr) var(--sc-inspector-w);background:var(--sc-paper);height:100dvh;display:grid;position:relative;overflow:hidden}@media (min-width:768px) and (max-width:1279px){:root{--sc-inspector-w:var(--sc-inspector-w-compact)}}.header{align-items:center;gap:var(--sc-space-2);padding:0 var(--sc-space-4) 0 var(--sc-space-5);z-index:var(--sc-z-header);grid-column:1/-1;min-width:0;display:flex;position:relative}.header .spacer{flex:1}.header .sep{background:var(--sc-line);width:1px;height:22px;margin:0 var(--sc-space-1);flex:none}.header .centre{left:calc((100% - var(--sc-inspector-w)) / 2 + 6px);gap:var(--sc-space-2);display:flex;position:absolute;transform:translate(-50%)}.header .copy-btn.copied{color:var(--sc-success);gap:6px}@media (max-width:1100px){.header .copy-btn .kbd{display:none}}.stage{margin-left:var(--sc-space-3);border-radius:var(--sc-radius-2xl) var(--sc-radius-2xl) 0 0;background-color:var(--sc-stage);background-image:radial-gradient(var(--sc-dots) 1.2px, transparent 1.3px);touch-action:none;background-size:18px 18px;outline:none;min-width:0;min-height:0;position:relative;overflow:hidden}.stage:before{content:"";background:radial-gradient(60% 60% at 50% 45%, var(--tint,transparent), transparent 70%);opacity:.35;pointer-events:none;transition:background var(--sc-dur-slow) var(--sc-ease-out);position:absolute;inset:0}.stage:focus-visible{box-shadow:inset 0 0 0 2px var(--sc-accent-ring)}.stage.panning,.stage.can-pan{cursor:grab}.stage.panning{cursor:grabbing}.comp{transform-origin:50%;position:absolute;top:0;left:0}.comp canvas.preview{width:100%;height:100%;display:block}.comp.checker{background-color:#fff;background-image:linear-gradient(45deg,#e9e2d8 25%,#0000 25%),linear-gradient(-45deg,#e9e2d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e2d8 75%),linear-gradient(-45deg,#0000 75%,#e9e2d8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.sel-box{pointer-events:none;z-index:5;transition:opacity var(--sc-dur-fast);position:absolute}.sel-box i{border:2.5px solid var(--sc-accent);width:14px;height:14px;position:absolute}.sel-box i:first-child{border-bottom:0;border-right:0;border-top-left-radius:5px;top:-7px;left:-7px}.sel-box i:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:5px;top:-7px;right:-7px}.sel-box i:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:5px;bottom:-7px;left:-7px}.sel-box i:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:5px;bottom:-7px;right:-7px}.size-tag{background:var(--sc-ink);height:24px;color:var(--sc-on-ink);font:var(--sc-weight-medium) var(--sc-text-2xs) / 24px var(--sc-font-mono), monospace;white-space:nowrap;border-radius:8px;padding:0 9px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.dock{left:50%;bottom:var(--sc-space-6);z-index:var(--sc-z-dock);background:var(--sc-surface);box-shadow:var(--sc-shadow-float);animation:sc-rise var(--sc-dur-base) var(--sc-ease-out);border-radius:18px;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}.dock .tool{width:42px;height:42px;color:var(--sc-ink-2);transition:background var(--sc-dur-base) var(--sc-ease-out), color var(--sc-dur-base);border-radius:13px;place-items:center;display:grid;position:relative}.dock .tool:hover{background:var(--sc-well);color:var(--sc-ink)}.dock .tool.on{background:var(--sc-ink);color:var(--sc-on-ink);box-shadow:inset 0 -2px #00000059}.dock .div{background:var(--sc-line);width:1px;height:24px;margin:0 5px}.tip{background:var(--sc-ink);color:var(--sc-on-ink);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--sc-dur-fast), translate var(--sc-dur-fast);z-index:3;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:600;line-height:16px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)translateY(2px)}.tip .kbd{color:inherit;box-shadow:none;background:#ffffff24}.has-tip:hover .tip,.has-tip:focus-visible .tip,.tip.show{opacity:1;transition-delay:.4s;translate:0}.tip.show{transition-delay:0s}.zoom{right:var(--sc-space-4);bottom:var(--sc-space-6);z-index:var(--sc-z-dock);background:var(--sc-surface);box-shadow:var(--sc-shadow-raised);border-radius:12px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.zoom .icon-btn{border-radius:8px;width:28px;height:28px}.zoom .zval{text-align:center;min-width:42px;height:28px;color:var(--sc-ink-2);border-radius:8px}.zoom .zval:hover:not(:disabled){background:var(--sc-well);color:var(--sc-ink)}.inspector{padding:var(--sc-space-1) var(--sc-space-4) var(--sc-space-4);gap:var(--sc-space-3);scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden auto}.inspector:hover,.inspector:focus-within{scrollbar-color:var(--sc-line-strong) transparent}.inspector>*{flex:none}.inspector-pane{gap:var(--sc-space-3);animation:sc-pane-in var(--sc-dur-base) var(--sc-ease-out);flex-direction:column;display:flex}.tray{background:var(--sc-surface);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow-tray);padding:var(--sc-space-3-5)}.tray-head{margin-bottom:var(--sc-space-3);justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.tray-head h2,.tray-head h3{font:var(--sc-weight-bold) var(--sc-text-sm) / var(--sc-leading-sm) var(--sc-font-ui), sans-serif}.link{color:var(--sc-accent-text);border-radius:6px;align-items:center;gap:4px;padding:1px 2px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.link:hover{text-underline-offset:2px;text-decoration:underline}.link.quiet{color:var(--sc-ink-3)}.link.back{color:var(--sc-ink-2)}.tray-head .meta{font:var(--sc-text-xs) / 1 var(--sc-font-mono), monospace;color:var(--sc-ink-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sub{color:var(--sc-ink-2);margin:var(--sc-space-3) 0 var(--sc-space-2);justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;display:flex}.sub:first-child{margin-top:0}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;display:grid}.preset{text-align:center;flex-direction:column;gap:5px;min-width:0;display:flex}.preset .thumb{border-radius:var(--sc-radius-md);aspect-ratio:4/3;background:var(--sc-well);transition:transform var(--sc-dur-fast) var(--sc-ease-pop), box-shadow var(--sc-dur-fast);position:relative;overflow:hidden}.preset:hover .thumb{transform:translateY(-2px)}.preset.on .thumb{box-shadow:var(--sc-selected-ring)}.preset .name{color:var(--sc-ink-2);padding-left:2px;font-size:11.5px;font-weight:600;line-height:14px}.preset.on .name{color:var(--sc-ink)}.thumb canvas,.th canvas{width:100%;height:100%;animation:sc-fade-in var(--sc-dur-slow) var(--sc-ease-out) both;display:block}.thumb .skeleton,.th .skeleton{background:linear-gradient(100deg, var(--sc-well) 30%, var(--sc-well-hover) 50%, var(--sc-well) 70%);background-size:300% 100%;animation:1.4s linear infinite sc-shimmer;position:absolute;inset:0}.seg{border-radius:var(--sc-radius-md);background:var(--sc-well);box-shadow:var(--sc-shadow-well);isolation:isolate;gap:2px;padding:3px;display:flex;position:relative}.seg button{min-width:0;height:var(--sc-control-h-sm);border-radius:var(--sc-radius-sm);color:var(--sc-ink-2);z-index:1;transition:color var(--sc-dur-base);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.seg button:hover:not(:disabled),.seg button.on{color:var(--sc-ink)}.seg button:disabled{color:var(--sc-ink-4)}.seg .pill{border-radius:var(--sc-radius-sm);background:var(--sc-surface);transition:transform var(--sc-dur-base) var(--sc-ease-out), width var(--sc-dur-base) var(--sc-ease-out);z-index:0;pointer-events:none;position:absolute;top:3px;bottom:3px;left:0;box-shadow:0 1px 2px #4a2d141f,inset 0 -1.5px #4a2d1412}.seg.lg button{height:34px;font-size:13px}.swatches{grid-template-columns:repeat(7,32px);justify-content:space-between;row-gap:10px;display:grid}.sw{width:32px;height:32px;box-shadow:var(--sc-shadow-swatch);transition:transform var(--sc-dur-fast) var(--sc-ease-pop);background-position:50%;background-size:cover;border-radius:50%;flex:none;position:relative}.sw:after{content:"";background:#ffffff80;border-radius:50%;width:11px;height:7px;position:absolute;top:5px;left:7px;transform:rotate(-28deg)}.sw:hover{transform:scale(1.08)}.sw.on{box-shadow:var(--sc-selected-ring), var(--sc-shadow-swatch)}.sw.sm{width:28px;height:28px}.sw.sm:after{width:10px;height:6px;top:4px;left:6px}.sw.img{border-radius:10px}.sw.img:after{display:none}.sw.add{background:var(--sc-well);color:var(--sc-ink-2);box-shadow:var(--sc-shadow-raised);place-items:center;display:grid}.sw.add:after{display:none}.sw.add.rainbow{background:var(--sc-grad-auto);color:#fff}.sw.transparent{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.wall{aspect-ratio:16/9;box-shadow:var(--sc-shadow-swatch);transition:transform var(--sc-dur-fast) var(--sc-ease-pop);background-position:50%;background-size:cover;border-radius:10px;position:relative}.wall:hover{transform:translateY(-2px)}.wall.on{box-shadow:var(--sc-selected-ring)}.wall.upload{background:var(--sc-well);box-shadow:var(--sc-shadow-raised);color:var(--sc-ink-2);place-items:center;font-size:11px;font-weight:600;display:grid}.auto-row{background:var(--sc-well);border-radius:14px;align-items:center;gap:10px;min-height:46px;margin-bottom:12px;padding:8px 10px 8px 8px;display:flex}.auto-row .dots{flex:none;display:flex}.auto-row .dots i{border:2px solid var(--sc-well);width:22px;height:22px;transition:background var(--sc-dur-slow);border-radius:50%;margin-right:-7px;box-shadow:0 1px 2px #00000026}.auto-row .txt{flex:1;min-width:0;margin-left:8px;font-size:12px;font-weight:600;line-height:15px}.auto-row .txt small{color:var(--sc-ink-3);font-size:11px;font-weight:500;display:block}.auto-row .sws{gap:6px;display:flex}.auto-row .sws .sw{width:26px;height:26px}.auto-row .sws .sw:after{width:9px;height:6px;top:4px;left:5px}.field{grid-template-columns:70px minmax(0,1fr) 46px;align-items:center;gap:10px;min-height:36px;display:grid}.field>label,.field>.label{color:var(--sc-ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.field .val{height:26px;font:var(--sc-weight-medium) var(--sc-text-xs) / 1 var(--sc-font-mono), monospace;color:var(--sc-ink);width:100%;transition:background var(--sc-dur-fast);border-radius:8px;place-items:center;display:grid}.field .val:hover,.field.dragging .val{background:var(--sc-well)}.field input.val{background:var(--sc-well);box-shadow:var(--sc-shadow-well);text-align:center;border:0;outline:none;padding:0 2px}.field input.val:focus{box-shadow:var(--sc-focus-ring)}.field.disabled{opacity:.55}.slider{touch-action:none;cursor:pointer;border-radius:13px;height:26px;position:relative}.slider:focus-visible{outline:none}.slider:focus-visible .knob{box-shadow:var(--sc-shadow-knob), var(--sc-focus-ring)}.slider .track{background:var(--sc-well);height:6px;box-shadow:var(--sc-shadow-well);border-radius:6px;position:absolute;top:10px;left:0;right:0}.slider .fill{background:var(--sc-grad-fill);border-radius:6px;height:6px;position:absolute;top:10px;left:0}.slider.centered .fill{border-radius:0}.slider .knob{background:var(--sc-grad-knob);width:22px;height:22px;box-shadow:var(--sc-shadow-knob);transition:scale var(--sc-dur-fast) var(--sc-ease-pop);border-radius:50%;margin-left:-11px;position:absolute;top:2px}.slider .knob:after{content:"";background:var(--sc-candy-300);border-radius:1px;width:2px;height:8px;margin-left:-1px;position:absolute;top:7px;left:50%}.slider:hover .knob{scale:1.06}.slider.dragging .knob{scale:1.12}.slider .knob.bump{animation:sc-bump 90ms var(--sc-ease-pop)}.slider .stops{pointer-events:none;position:absolute;top:19px;left:0;right:0}.slider .stops i{background:var(--sc-line-strong);width:1px;height:4px;position:absolute;top:0}.slider .stops b{font:600 9.5px/1 var(--sc-font-ui), sans-serif;color:var(--sc-ink-3);letter-spacing:.02em;white-space:nowrap;position:absolute;top:6px;transform:translate(-50%)}.field.named{align-items:start;min-height:46px;padding-top:5px}.field.named>label,.field.named>.label{line-height:26px}.field.disabled .slider{cursor:default}.field.disabled .fill{background:var(--sc-line-strong)}.opts{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.opt{border-radius:var(--sc-radius-md);background:var(--sc-well);height:52px;color:var(--sc-ink-2);box-shadow:var(--sc-shadow-raised);transition:background var(--sc-dur-fast), color var(--sc-dur-fast), transform var(--sc-dur-fast) var(--sc-ease-pop);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:flex}.opt:hover{background:var(--sc-well-hover);color:var(--sc-ink)}.opt:active{transform:translateY(1px)}.opt.on{background:var(--sc-ink);color:var(--sc-on-ink);box-shadow:inset 0 -2px #0006}.opt svg{width:22px;height:16px}.toggle-row{align-items:center;gap:10px;min-height:36px;display:flex}.toggle-row>label,.toggle-row>.label{color:var(--sc-ink-2);flex:1;font-size:13px;font-weight:600}.switch{background:var(--sc-well);width:36px;height:22px;box-shadow:var(--sc-shadow-well);transition:background var(--sc-dur-base);border-radius:11px;flex:none;position:relative}.switch:after{content:"";background:var(--sc-grad-knob);width:18px;height:18px;box-shadow:var(--sc-shadow-knob);transition:transform var(--sc-dur-base) var(--sc-ease-pop);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--sc-accent);box-shadow:inset 0 1px 2px #780a284d}.switch[aria-checked=true]:after{transform:translate(14px)}.colour-dot{width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f, var(--sc-shadow-raised);border-radius:7px;flex:none;position:relative;overflow:hidden}.colour-dot:focus-visible{box-shadow:var(--sc-focus-ring)}.frames{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.tile{aspect-ratio:1;border-radius:var(--sc-radius-md);background:var(--sc-well);color:var(--sc-ink-2);box-shadow:var(--sc-shadow-raised);transition:background var(--sc-dur-fast), color var(--sc-dur-fast);place-items:center;display:grid}.tile:hover{background:var(--sc-well-hover);color:var(--sc-ink)}.tile.on{background:var(--sc-accent-soft);color:var(--sc-accent-text);box-shadow:inset 0 0 0 2px var(--sc-accent)}.tile svg{width:26px;height:22px}.input{height:var(--sc-control-h);border-radius:var(--sc-radius-md);background:var(--sc-well);box-shadow:var(--sc-shadow-well);color:var(--sc-ink);align-items:center;gap:8px;min-width:0;padding:0 12px;font-size:13px;display:flex}.input:focus-within{box-shadow:var(--sc-shadow-well), 0 0 0 2px var(--sc-accent-ring)}.input input,.input textarea{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%}.input input::placeholder,.input textarea::placeholder{color:var(--sc-ink-3)}.input.mono-input input{font-family:var(--sc-font-mono);font-size:12px}.input.area{height:auto;padding:8px 12px}.input.area textarea{resize:vertical;min-height:44px;line-height:19px}.disclosure{width:100%;height:40px;font-weight:700;font-size:var(--sc-text-sm);border-radius:10px;justify-content:space-between;align-items:center;padding:0 2px;display:flex}.disclosure:focus-visible{box-shadow:var(--sc-focus-ring)}.disclosure .meta{font:var(--sc-text-xs) / 1 var(--sc-font-mono), monospace;color:var(--sc-ink-3);align-items:center;gap:8px;font-weight:400;display:flex}.disclosure svg{transition:transform var(--sc-dur-base) var(--sc-ease-out)}.disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.hr{background:var(--sc-line);height:1px;margin:10px 0 2px}.foot-note{color:var(--sc-ink-3);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:2px 0 4px;font-size:12px;display:flex}.foot-note a{color:var(--sc-accent-text);align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.foot-note a:hover{text-decoration:underline}.note{color:var(--sc-ink-3);margin-top:8px;font-size:12px;line-height:16px}.warn-note{color:var(--sc-warning);background:var(--sc-warning-soft);border-radius:10px;align-items:flex-start;gap:6px;margin-top:10px;padding:7px 10px;font-size:12px;line-height:16px;display:flex}.ann-list{flex-direction:column;gap:2px;display:flex}.ann-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.ann-head .badge{background:var(--sc-accent-soft);width:36px;height:36px;color:var(--sc-accent-text);border-radius:11px;flex:none;place-items:center;display:grid}.ann-head .ttl{font:700 17px/22px var(--sc-font-display), sans-serif;letter-spacing:-.015em}.ann-head .desc{color:var(--sc-ink-3);font-size:12px;line-height:16px}.ann-colours{justify-content:space-between;align-items:center;display:flex}.popover{z-index:calc(var(--sc-z-modal) + 5);background:var(--sc-surface);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow-float), 0 0 0 1px var(--sc-line);padding:var(--sc-space-4);animation:sc-pop-in .18s var(--sc-ease-out);transform-origin:var(--origin,top center);position:absolute}.popover.closing{animation:sc-pop-out .12s var(--sc-ease-in) forwards}.popover:before{content:"";background:var(--sc-surface);width:12px;height:12px;box-shadow:-1px -1px 0 var(--sc-line);top:-6px;left:var(--arrow-x,50%);border-radius:3px 0 0;margin-left:-6px;position:absolute;transform:rotate(45deg)}.popover.no-arrow:before{display:none}.popover.fixed{position:fixed}.menu{min-width:220px;padding:6px}.menu-item{text-align:left;white-space:nowrap;width:100%;height:36px;color:var(--sc-ink);border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.menu-item:hover,.menu-item.active,.menu-item:focus-visible{background:var(--sc-well)}.menu-item.current{box-shadow:inset 0 0 0 1.5px var(--sc-accent)}.menu-item.current:focus-visible{box-shadow:inset 0 0 0 1.5px var(--sc-accent), var(--sc-focus-ring)}.menu-item .mono,.menu-item .meta{color:var(--sc-ink-3);margin-left:auto}.menu-item svg{color:var(--sc-ink-2)}.menu-item:disabled,.menu-item:disabled svg{color:var(--sc-ink-4)}.menu-label{color:var(--sc-ink-3);letter-spacing:.02em;padding:10px 10px 4px;font-size:11px;font-weight:700}.menu-sep{background:var(--sc-line);height:1px;margin:6px 4px}.ratio-glyph{flex:none;place-items:center;width:22px;display:grid}.ratio-glyph i{border:1.6px solid;border-radius:3px;display:block}.size-menu{width:min(840px,100vw - 32px);padding:10px}.size-menu .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 12px;display:grid}.size-menu .custom{border-top:1px solid var(--sc-line);align-items:center;gap:8px;margin-top:8px;padding:10px 10px 4px;display:flex}.size-menu .custom .input{width:92px;height:32px}.toast-layer{z-index:var(--sc-z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.toast{background:var(--sc-ink);color:var(--sc-on-ink);box-shadow:var(--sc-shadow-modal);pointer-events:auto;animation:sc-toast-in .26s var(--sc-ease-pop);border-radius:20px;align-items:center;gap:12px;max-width:min(100%,580px);min-height:48px;padding:8px 16px 8px 8px;display:flex}.toast.plain{padding-left:14px}.toast.leaving{animation:sc-toast-out .16s var(--sc-ease-in) forwards}.toast .t1{font-size:14px;font-weight:700;line-height:18px}.toast .t2{font:var(--sc-text-xs) / 16px var(--sc-font-mono), monospace;opacity:.7;overflow-wrap:anywhere}.toast .t2.prose{font-family:var(--sc-font-ui);opacity:.8;font-size:12.5px}.toast .act{color:var(--sc-on-ink-accent);white-space:nowrap;border-radius:8px;margin-left:8px;padding:4px 6px;font-size:13px;font-weight:700}.toast .act:hover{text-decoration:underline}.toast .act:focus-visible{box-shadow:0 0 0 2px var(--sc-on-ink-accent)}.toast .ico{background:#ffffff1f;border-radius:12px;flex:none;place-items:center;width:32px;height:32px;display:grid}.toast.error .ico{background:var(--sc-danger);color:#fff}.wrap-thumb{flex:none;justify-content:center;align-items:center;width:96px;height:48px;display:flex;position:relative}.wrap-thumb .body{z-index:1;width:62px;height:40px;animation:sc-wrap-body .36s var(--sc-ease-pop) both;background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffffe6,0 4px 10px #0000004d}.wrap-thumb .body img{object-fit:cover;width:100%;height:100%;display:block}.wrap-thumb svg{width:20px;height:40px;position:absolute;top:4px}.wrap-thumb .end-l{animation:sc-twist-l .36s var(--sc-ease-pop) 80ms both;left:0}.wrap-thumb .end-r{animation:sc-twist-r .36s var(--sc-ease-pop) 80ms both;right:0}.sprinkle{z-index:var(--sc-z-drag-overlay);pointer-events:none;border-radius:3px;position:fixed}.scrim{background:var(--sc-scrim);z-index:var(--sc-z-modal);animation:sc-fade-in var(--sc-dur-slow) var(--sc-ease-out);position:fixed;inset:0}.sheet{z-index:var(--sc-z-modal);background:var(--sc-paper);border-radius:var(--sc-radius-2xl);box-shadow:var(--sc-shadow-modal);animation:sc-sheet-in var(--sc-dur-slow) var(--sc-ease-out);position:fixed}.sheet.closing{animation:sc-sheet-out .2s var(--sc-ease-in) forwards}.scrim.closing{animation:sc-fade-out .2s var(--sc-ease-in) forwards}.jar{flex-direction:column;display:flex;inset:28px;overflow:hidden}.jar-head{align-items:center;gap:12px;padding:22px 24px 14px 28px;display:flex}.jar-head h2{font:800 30px/34px var(--sc-font-display), sans-serif;letter-spacing:-.03em}.jar-head p{color:var(--sc-ink-2);margin-top:2px;font-size:14px}.jar-head .grow{flex:1}.jar-head .search{width:240px}.filters{border-bottom:1px solid var(--sc-line);scrollbar-width:none;gap:8px;padding:0 28px 16px;display:flex;overflow-x:auto}.filters .chip{flex:none;height:32px;font-size:13px}.filters .chip .n{font:500 11px/1 var(--sc-font-mono), monospace;color:var(--sc-ink-3)}.filters .chip.on .n{color:inherit;opacity:.7}.jar-body{background:var(--sc-stage);flex:1;padding:20px 28px 28px;overflow-y:auto}.jar-sec{font:700 13px/18px var(--sc-font-ui), sans-serif;color:var(--sc-ink-2);align-items:baseline;gap:8px;margin:0 0 12px 2px;display:flex}.jar-sec .mono{color:var(--sc-ink-3)}.jar-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 16px;margin-bottom:24px;display:grid}.jar-card{min-width:0;animation:sc-rise var(--sc-dur-slow) var(--sc-ease-out) both;position:relative}.jar-card .card-btn{text-align:left;border-radius:14px;width:100%;display:block}.jar-card .th{aspect-ratio:16/10;background:var(--sc-well);transition:transform var(--sc-dur-base) var(--sc-ease-pop), box-shadow var(--sc-dur-base);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 1px 2px #4a2d141f,0 10px 24px -14px #4a2d1459}.jar-card.on .th{box-shadow:var(--sc-selected-ring)}.jar-card:hover .th,.jar-card:focus-within .th{transform:translateY(-4px)scale(1.015)}.jar-card:hover:not(.on) .th{box-shadow:0 18px 36px -14px #4a2d1473}.jar-card .card-btn:focus-visible .th{box-shadow:var(--sc-focus-ring)}.jar-card .lbl{justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-top:8px;padding:0 2px;display:flex}.jar-card .lbl b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.jar-card .lbl span{color:var(--sc-ink-3);white-space:nowrap;font-size:12px}.jar-card .lbl input{background:var(--sc-well);box-shadow:0 0 0 2px var(--sc-accent-ring);border:0;border-radius:6px;outline:none;flex:1;min-width:0;padding:1px 6px;font-size:13.5px;font-weight:700}.jar-card .apply{z-index:2;opacity:0;transition:opacity var(--sc-dur-fast);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jar-card:hover .apply,.jar-card .card-btn:focus-visible .apply{opacity:1}.jar-card .badge{z-index:2;color:#fff;background:#2a1f1ac7;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.jar-card .card-menu{z-index:3;color:#2a1f1a;opacity:0;width:28px;height:28px;transition:opacity var(--sc-dur-fast);background:#ffffffeb;border-radius:9px;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #00000026}.jar-card:hover .card-menu,.jar-card:focus-within .card-menu,.jar-card .card-menu[aria-expanded=true]{opacity:1}.save-tile{border:2px dashed var(--sc-line-strong);text-align:center;color:var(--sc-ink-2);background:var(--sc-paper);aspect-ratio:16/10;width:100%;transition:border-color var(--sc-dur-fast), background var(--sc-dur-fast);border-radius:14px;place-items:center;font-weight:600;display:grid}.save-tile:hover{border-color:var(--sc-accent)}.save-tile:focus-visible{box-shadow:var(--sc-focus-ring)}.save-tile .plus{background:var(--sc-surface);width:40px;height:40px;box-shadow:var(--sc-shadow-raised);color:var(--sc-accent-text);border-radius:50%;place-items:center;margin:0 auto 8px;display:grid}.jar-foot{border-top:1px solid var(--sc-line);color:var(--sc-ink-3);align-items:center;gap:14px;padding:12px 28px;font-size:12.5px;display:flex}.jar-foot .kbd{margin-right:4px}.jar-empty{text-align:center;color:var(--sc-ink-3);padding:40px 0}@media (max-width:767px){.jar{border-radius:24px 24px 0 0;inset:16px 0 0}.jar-head{padding:18px 16px 12px!important}.size-menu{max-height:72dvh;overflow-y:auto}.size-menu .cols{grid-template-columns:1fr}.size-menu .custom .input{width:76px}.jar-close{position:absolute;top:12px;right:10px}.jar-head h2{font-size:26px;line-height:30px}.jar-head p{font-size:13px}.filters{padding:0 16px 12px}.jar-body{padding:16px 14px 24px}.jar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.jar-card .lbl span{display:none}.kb-grid{grid-template-columns:1fr}.dialog-head{padding:18px 12px 10px 18px}.dialog-body{padding:8px 14px 20px}}.dialog{flex-direction:column;width:min(880px,100vw - 32px);max-height:calc(100dvh - 56px);display:flex;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.dialog-head{align-items:center;gap:12px;padding:22px 20px 12px 28px;display:flex}.dialog-head h2{font:800 28px/34px var(--sc-font-display), sans-serif;letter-spacing:-.03em;flex:1}.dialog-head p{color:var(--sc-ink-2);font-size:14px}.dialog-body{padding:8px 28px 28px;overflow-y:auto}.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.kb-row{min-height:30px;color:var(--sc-ink-2);border-bottom:1px dashed var(--sc-line);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.kb-row:last-child{border-bottom:0}.kb-row .keys{flex:none;gap:4px;display:flex}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.recent-card{position:relative}.recent-card .card-btn{text-align:left;border-radius:14px;width:100%;display:block}.recent-card img{aspect-ratio:16/10;object-fit:cover;background:var(--sc-well);width:100%;box-shadow:var(--sc-shadow-swatch);border-radius:12px;display:block}.recent-card .lbl{justify-content:space-between;gap:6px;margin-top:6px;font-size:12.5px;font-weight:600;display:flex}.recent-card .lbl span{color:var(--sc-ink-3);font-weight:500}.recent-card .del{color:#2a1f1a;opacity:0;background:#ffffffeb;position:absolute;top:6px;right:6px}.recent-card:hover .del,.recent-card:focus-within .del{opacity:1}.empty-wrap{z-index:2;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow:auto}.paste-card{background:var(--sc-surface);border-radius:var(--sc-radius-2xl);width:440px;max-width:100%;box-shadow:var(--sc-shadow-float);text-align:center;transition:opacity .16s var(--sc-ease-out), transform .16s var(--sc-ease-out), filter .16s;margin-top:60px;padding:112px 32px 22px;position:relative}.paste-card.is-drag{opacity:.22;filter:saturate(.6);transform:scale(.97)}.paste-card.leaving{opacity:0;transition-duration:.14s;transition-timing-function:var(--sc-ease-in);transform:scale(.96)}.paste-card h1{font:800 30px/34px var(--sc-font-display), sans-serif;letter-spacing:-.03em}.paste-card .lede{color:var(--sc-ink-2);margin-top:6px;font-size:15px}.paste-card .keys{justify-content:center;align-items:center;gap:8px;margin:22px 0;display:flex}.paste-card .keys .or{color:var(--sc-ink-2);text-align:left;width:110px;margin-left:8px;font-size:13.5px;font-weight:500;line-height:18px}.paste-card .row{border-top:1px dashed var(--sc-line-strong);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 0 16px;display:flex}.try{color:var(--sc-ink-3);margin-left:8px;font-size:12.5px;font-weight:600}.sample{width:46px;height:32px;box-shadow:var(--sc-shadow-raised), 0 0 0 1px var(--sc-line);transition:transform var(--sc-dur-fast) var(--sc-ease-pop);background-position:0 0;background-size:cover;border-radius:9px;flex:none}.sample:hover{transform:translateY(-2px)rotate(-2deg)}.privacy{color:var(--sc-ink-3);background:var(--sc-well);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.fan{pointer-events:none;width:300px;height:140px;position:absolute;top:-58px;left:50%;transform:translate(-50%)}.fan .f{aspect-ratio:16/11;width:170px;box-shadow:0 14px 28px -10px #4a2d1459, 0 0 0 3px var(--sc-surface);background:var(--sc-well);border-radius:12px;position:absolute;top:0;overflow:hidden}.fan .f img{object-fit:cover;width:100%;height:100%;display:block}.fan .f1{animation:sc-fan-l 6s var(--sc-ease-in-out) infinite alternate;left:0;transform:rotate(-9deg)translateY(18px)}.fan .f3{animation:sc-fan-r 6s var(--sc-ease-in-out) infinite alternate;right:0;transform:rotate(9deg)translateY(18px)}.fan .f2{z-index:2;animation:sc-fan-c 6s var(--sc-ease-in-out) infinite alternate;top:-6px;left:65px}.progress-shimmer{background:linear-gradient(90deg, transparent, var(--sc-accent), transparent);background-repeat:no-repeat;background-size:50% 100%;border-radius:2px;height:2px;animation:1s linear infinite sc-progress;position:absolute;top:0;left:24px;right:24px}.drop-veil{border:3px dashed var(--sc-accent);background:var(--sc-accent);border-radius:22px;position:absolute;inset:14px}@supports (color:color-mix(in lab, red, red)){.drop-veil{background:color-mix(in srgb, var(--sc-accent) 8%, transparent)}}.drop-veil{z-index:var(--sc-z-drag-overlay);pointer-events:none;animation:sc-fade-in .16s var(--sc-ease-out);place-items:center;display:grid}.drop-veil.bad{border-color:var(--sc-danger);background:var(--sc-danger)}@supports (color:color-mix(in lab, red, red)){.drop-veil.bad{background:color-mix(in srgb, var(--sc-danger) 8%, transparent)}}.drop-veil .msg{background:var(--sc-ink);color:var(--sc-on-ink);font:800 20px/1 var(--sc-font-display), sans-serif;letter-spacing:-.02em;box-shadow:var(--sc-shadow-modal);border-radius:18px;align-items:center;gap:12px;padding:14px 20px 14px 14px;display:flex}.drop-veil .msg img{width:44px;height:44px;animation:sc-wiggle 1.2s var(--sc-ease-in-out) infinite;transform:rotate(-12deg)}.comp.landing canvas.preview{animation:.38s cubic-bezier(.3,.7,.3,1) both sc-bloom;-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.comp.landing{animation:.42s linear both sc-drop}.comp.xfade canvas.preview{animation:sc-fade-in-soft var(--sc-dur-slow) var(--sc-ease-in-out)}.sel-box.late{animation:sc-fade-in .12s var(--sc-ease-out) .3s both}.ann-layer{z-index:6;position:absolute;inset:0;overflow:visible}.ann-layer .hit{fill:#0000;stroke:#0000;cursor:move;pointer-events:all}.ann-layer .hit-line{fill:none;stroke:#0000;cursor:move;pointer-events:stroke}.ann-layer .outline{fill:none;stroke:var(--sc-accent)}@supports (color:color-mix(in lab, red, red)){.ann-layer .outline{stroke:color-mix(in srgb, var(--sc-accent) 70%, transparent)}}.ann-layer .outline{stroke-width:1.5px;stroke-dasharray:5 4;pointer-events:none}.ann-layer .outline.redact{stroke:#2a1f1a73}.ann-layer .hover-outline{fill:none;stroke:var(--sc-accent)}@supports (color:color-mix(in lab, red, red)){.ann-layer .hover-outline{stroke:color-mix(in srgb, var(--sc-accent) 55%, transparent)}}.ann-layer .hover-outline{stroke-width:1.5px;pointer-events:none}.handle{fill:#fff;stroke:var(--sc-accent);stroke-width:2.5px;filter:drop-shadow(0 2px 3px #00000040);cursor:pointer;pointer-events:all;transform-box:fill-box;transform-origin:50%;animation:sc-handle-in .14s var(--sc-ease-pop)}.handle.mid{fill:var(--sc-accent);stroke:#fff}.handle.sq{rx:2}.text-editor{z-index:8;resize:none;white-space:pre;caret-color:var(--sc-accent);background:0 0;border:0;outline:none;padding:0;position:absolute;overflow:hidden}.draw-cursor{cursor:crosshair}.text-cursor{cursor:text}.picker{width:260px;padding:14px}.picker .sv{touch-action:none;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:12px;height:150px;position:relative}.picker .sv .dot{pointer-events:none;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 2px #fff,0 1px 4px #0006}.picker .hue{touch-action:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;height:14px;margin:12px 0;position:relative}.picker .hue .dot{pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;box-shadow:0 0 0 3px #fff,0 1px 4px #0006}.picker .alpha{touch-action:none;cursor:pointer;border-radius:7px;height:14px;margin:-4px 0 12px;position:relative}.picker .row{align-items:center;gap:8px;display:flex}.picker .pal{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.picker .pal .sw{width:24px;height:24px}.picker .pal .sw:after{width:8px;height:5px;top:3px;left:5px}@media (max-width:767px){.only-wide{display:none}}@media (min-width:768px){.only-narrow{display:none}}.m{background:var(--sc-paper);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.m-top{flex:none;align-items:center;gap:8px;height:56px;padding:0 12px 0 14px;display:flex}.m-top .mark{width:32px;height:32px}.m-top .chip{height:34px;padding:0 10px;font-size:12.5px}.m-top .btn-primary{height:40px;padding:0 14px 3px;font-size:14px}.m .stage{background-size:16px 16px;border-radius:24px;flex:1;margin:0 8px}.m-sheet{background:var(--sc-surface);box-shadow:0 -1px 0 var(--sc-line), 0 -12px 30px -16px #4a2d1440;padding:8px 0 calc(10px + env(safe-area-inset-bottom));z-index:5;transition:height var(--sc-dur-slow) var(--sc-ease-out);border-radius:24px 24px 0 0;flex-direction:column;flex:none;display:flex;position:relative}.m-sheet.dragging{transition:none}.grab{touch-action:none;cursor:grab;flex:none;place-items:center;width:100%;height:22px;margin-top:-8px;display:grid}.grab:before{content:"";background:var(--sc-line-strong);border-radius:3px;width:40px;height:5px}.m-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.m-body .tray{box-shadow:none;background:0 0;padding:4px 16px 8px}.m-body .tray .tray-head{display:none}.m-tabs{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:8px;padding:0 8px;display:grid}.m-tabs button{height:52px;color:var(--sc-ink-3);letter-spacing:-.01em;min-width:0;transition:background var(--sc-dur-base), color var(--sc-dur-base);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:flex}.m-tabs button[aria-selected=true]{color:var(--sc-accent-text);background:var(--sc-accent-soft)}.m-tabs button:focus-visible{box-shadow:var(--sc-focus-ring)}.rail{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding:4px 16px 6px;scroll-padding:0 16px;display:flex;overflow-x:auto}.rail .preset{scroll-snap-align:start;flex:none;width:104px}.rail .preset .thumb{aspect-ratio:4/5}.mini-row{align-items:center;gap:8px;padding:12px 16px 0;display:flex}.mini-row .seg{flex:1}.m-empty{background:var(--sc-surface);width:calc(100% - 32px);max-width:420px;box-shadow:var(--sc-shadow-float);text-align:center;transition:opacity .16s var(--sc-ease-out), transform .16s var(--sc-ease-out);border-radius:26px;margin-top:30px;padding:88px 22px 20px;position:relative}.m-empty.leaving{opacity:0;transform:scale(.96)}.m-empty h1{font:800 27px/31px var(--sc-font-display), sans-serif;letter-spacing:-.03em}.m-empty p{color:var(--sc-ink-2);margin:6px 0 18px;font-size:14.5px}.m-empty .btn{height:50px;font-size:15px}.m-empty .fan{width:250px;height:120px;top:-50px}.m-empty .fan .f{width:140px}.m-empty .fan .f1{transform:rotate(-9deg)translateY(16px)}.m-empty .fan .f3{transform:rotate(9deg)translateY(16px)}.m-empty .fan .f2{left:55px}.m-empty .samples{color:var(--sc-ink-3);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:12.5px;font-weight:600;display:flex}.m-empty .privacy-line{color:var(--sc-ink-3);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.m-export{z-index:calc(var(--sc-z-modal) + 1);background:var(--sc-surface);padding:8px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--sc-shadow-modal);animation:sc-slide-up var(--sc-dur-slow) var(--sc-ease-out);border-radius:26px 26px 0 0;max-height:92dvh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.m-export.closing{animation:sc-slide-down .2s var(--sc-ease-in) forwards}.m-export h2{font:800 22px/28px var(--sc-font-display), sans-serif;letter-spacing:-.02em}.m-export .sub{margin-top:14px}.m-export .preview-img{background:var(--sc-well);border-radius:14px;flex:none;width:84px;overflow:hidden;box-shadow:0 8px 20px -12px #4a2d1466}.m-export .preview-img img{width:100%;display:block}.m .toast-layer{bottom:12px}.m-draw .foot-note{display:none}.m-sheet .draw-tools{gap:6px;padding:4px 16px 10px;display:flex}.m-sheet .draw-tools .tool{height:44px;color:var(--sc-ink-2);background:var(--sc-well);border-radius:13px;flex:1;place-items:center;display:grid}.m-sheet .draw-tools .tool.on{background:var(--sc-ink);color:var(--sc-on-ink)}@media (pointer:coarse){:root{--sc-control-h:44px}.seg button{height:36px}.handle{stroke-width:3px}}:is(.btn,.icon-btn,.chip,.seg button,.menu-item,.switch,.tool,.zval,.link,.sample,.brand,.save-tile,.disclosure,.colour-dot,.foot-note a,.m-tabs button,.grab,.focusable):focus-visible{outline:none;box-shadow:var(--sc-focus-ring)!important}:is(.tile,.opt,.sw,.wall,.pos-cell,.stop-chip,.stop-bar .stop,.recent-card .card-btn):focus-visible{outline:2px solid var(--sc-ink);outline-offset:3px}.sw.on:focus-visible{box-shadow:var(--sc-selected-ring), var(--sc-shadow-swatch)}.wall.on:focus-visible{box-shadow:var(--sc-selected-ring)}.preset:focus-visible .thumb,.jar-card .card-btn:focus-visible .th{outline:2px solid var(--sc-ink);outline-offset:3px}.preset:not(.on):focus-visible .thumb,.jar-card:not(.on) .card-btn:focus-visible .th{box-shadow:none}.preset.on:focus-visible .thumb,.jar-card.on .card-btn:focus-visible .th{box-shadow:var(--sc-selected-ring)}.card-btn:focus-visible{outline:none}.page{background:var(--sc-paper);min-height:100vh}.wrap{max-width:var(--sc-page-max);margin:0 auto;padding:0 24px}.nav{align-items:center;gap:6px;height:72px;display:flex}.nav .brand .mark{width:36px;height:36px}.nav .brand .word{font-size:23px}.nav .links{align-items:center;gap:2px;margin-left:20px;display:flex}.nav .links>a,.nav .links>.tools>button{height:36px;color:var(--sc-ink-2);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav .links>a:hover,.nav .links>a.on,.nav .links>.tools>button:hover,.nav .links>.tools>button.on,.nav .links>.tools>button[aria-expanded=true]{background:var(--sc-well);color:var(--sc-ink)}.nav .links a:focus-visible,.nav .links button:focus-visible,.support-link:focus-visible,.tag-list a:focus-visible,.footer a:focus-visible,.crumbs a:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.nav .tools{position:relative}.nav .tools .popover{--arrow-x:44px;top:46px;left:-8px}.nav .spacer{flex:1}.support-link{color:var(--sc-accent-text);border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.support-link svg{width:16px;height:16px}.support-link:hover{background:var(--sc-accent-soft)}.eyebrow{background:var(--sc-surface);height:30px;box-shadow:var(--sc-shadow-raised);color:var(--sc-ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow .dot{background:var(--sc-accent-soft);height:20px;color:var(--sc-accent-text);border-radius:999px;align-items:center;padding:0 8px;font-size:11.5px;font-weight:700;display:inline-flex}.h1{font:800 var(--sc-text-4xl) / var(--sc-leading-4xl) var(--sc-font-display), sans-serif;letter-spacing:var(--sc-tracking-display);text-wrap:balance}.h1 em{color:var(--sc-accent-text);font-style:normal}.h2{font:800 var(--sc-text-3xl) / var(--sc-leading-3xl) var(--sc-font-display), sans-serif;letter-spacing:var(--sc-tracking-display);text-wrap:balance}.h3{font:700 20px/26px var(--sc-font-display), sans-serif;letter-spacing:var(--sc-tracking-tight)}.lede{font-size:var(--sc-text-lg);color:var(--sc-ink-2);text-wrap:pretty;line-height:28px}.body-copy{color:var(--sc-ink-2);font-size:15.5px;line-height:25px}.section{padding:72px 0}.section.alt{background:var(--sc-stage)}.card-soft{background:var(--sc-surface);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow-tray);padding:24px}.icon-badge{border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.split-2{grid-template-columns:1fr 1.4fr;gap:48px;display:grid}.faq{border-top:1px solid var(--sc-line)}.faq details{border-bottom:1px solid var(--sc-line);padding:18px 4px}.faq summary{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:700;list-style:none;display:flex}.faq summary:focus-visible{box-shadow:var(--sc-focus-ring);outline:none}.faq summary::-webkit-details-marker{display:none}.faq summary svg{transition:transform var(--sc-dur-base) var(--sc-ease-out);flex:none;transform:rotate(-90deg)}.faq details[open] summary svg{transform:none}.faq details p{color:var(--sc-ink-2);max-width:720px;margin-top:10px;font-size:15px;line-height:24px}.footer{border-top:1px solid var(--sc-line);color:var(--sc-ink-3);padding:40px 0 48px;font-size:13.5px}.footer .cols{align-items:flex-start;gap:48px;display:flex}.footer h2{color:var(--sc-ink);margin-bottom:10px;font-size:12.5px;font-weight:700}.footer a{color:var(--sc-ink-2);border-radius:4px;width:fit-content;margin-bottom:7px;text-decoration:none;display:block}.footer a:hover{color:var(--sc-ink);text-decoration:underline}.footer .brand .mark{width:28px;height:28px}.footer .brand .word{font-size:18px}.footer .theme-row{align-items:center;gap:8px;margin-top:16px;display:flex}.drop-inline{border:2px dashed var(--sc-line-strong);background:var(--sc-surface);transition:border-color var(--sc-dur-fast), background var(--sc-dur-fast);border-radius:22px;align-items:center;gap:14px;padding:18px 18px 18px 20px;display:flex}.drop-inline.over{border-color:var(--sc-accent);background:var(--sc-accent)}@supports (color:color-mix(in lab, red, red)){.drop-inline.over{background:color-mix(in srgb, var(--sc-accent) 6%, var(--sc-surface))}}.drop-inline .kbd-lg{border-radius:12px;min-width:42px;height:42px;padding:0 10px 3px;font-size:18px}.step-num{background:var(--sc-ink);width:30px;height:30px;color:var(--sc-on-ink);font:700 14px/1 var(--sc-font-display), sans-serif;border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list a{background:var(--sc-surface);height:34px;box-shadow:var(--sc-shadow-raised);color:var(--sc-ink);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.tag-list a:hover{box-shadow:var(--sc-shadow-raised-hover)}.about-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-block:56px 24px;display:grid}.ba{height:420px;position:relative}.ba .raw{width:300px;box-shadow:0 1px 3px #00000026, 0 0 0 1px var(--sc-line);border-radius:8px;position:absolute;top:36px;left:0;overflow:hidden;transform:rotate(-4deg)}.ba img{width:100%;height:auto;display:block}.ba .raw-label,.ba .sweet-label{font:700 12px/1 var(--sc-font-ui), sans-serif;border-radius:999px;padding:6px 10px;position:absolute}.ba .raw-label{z-index:2;background:var(--sc-well);color:var(--sc-ink-2);top:54px;left:22px}.ba .sweet{border-radius:14px;width:420px;max-width:90%;position:absolute;top:70px;right:0;overflow:hidden;transform:rotate(2deg);box-shadow:0 30px 60px -24px #5a281473}.ba .sweet-label{background:var(--sc-ink);color:var(--sc-on-ink);z-index:2;top:44px;right:16px}.ba .swirl{z-index:3;width:120px;height:90px;color:var(--sc-accent);position:absolute;top:300px;left:150px}.pillar h3{margin-bottom:6px}.support{background:var(--sc-surface);box-shadow:var(--sc-shadow-tray);border-radius:32px;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;padding:40px;display:grid;position:relative;overflow:hidden}.support:after{content:"";background:radial-gradient(circle, var(--sc-candy-100), transparent 70%);opacity:.8;pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.jar-illo{z-index:1;place-items:center;display:grid;position:relative}.jar-illo img{filter:drop-shadow(0 24px 30px #78281e40);width:220px;height:220px;transform:rotate(-6deg)}.feature-list{columns:2;column-gap:32px;margin:0;padding:0}.feature-list li{break-inside:avoid;color:var(--sc-ink-2);gap:10px;margin-bottom:12px;font-size:15px;line-height:22px;list-style:none;display:flex}.feature-list li b{color:var(--sc-ink);font-weight:600}.feature-list svg{color:var(--sc-success);flex:none;margin-top:2px}.credits{border-collapse:collapse;width:100%}.credits td,.credits th{border-bottom:1px solid var(--sc-line);color:var(--sc-ink-2);vertical-align:top;text-align:left;padding:10px 16px 10px 0;font-size:14.5px;font-weight:400}.credits th{color:var(--sc-ink);white-space:nowrap;font-weight:600}.tool-hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:56px;padding-block:40px 64px;display:grid}.crumbs{color:var(--sc-ink-3);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.crumbs a{color:var(--sc-ink-2);border-radius:4px;font-weight:600;text-decoration:none}.hero-art{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #5a281480}.hero-art img{width:100%;height:auto;display:block}.hero-art .pill{z-index:2;gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.hero-art .pill span{color:#2a1f1a;font:600 12px/1 var(--sc-font-ui), sans-serif;background:#ffffffe6;border-radius:999px;padding:7px 10px;box-shadow:0 2px 6px #0000001f}@media (max-width:480px){.hero-art .pill{flex-wrap:nowrap;max-width:calc(100% - 20px);bottom:10px;left:10px}.hero-art .pill span:not(:first-child){display:none}}.checks{color:var(--sc-ink-3);flex-wrap:wrap;gap:18px;margin-top:16px;font-size:13px;font-weight:600;display:flex}.checks span{align-items:center;gap:6px;display:flex}.checks svg{color:var(--sc-success)}.ex{border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #4a2d141f,0 16px 32px -18px #4a2d1466}.ex img{width:100%;height:auto;display:block}.ex-cap{justify-content:space-between;margin-top:10px;font-size:14px;display:flex}.ex-cap b{font-weight:700}.ex-cap span{color:var(--sc-ink-3)}.cta-band{background:var(--sc-ink);color:var(--sc-on-ink);border-radius:32px;align-items:center;gap:32px;padding:48px;display:flex;position:relative;overflow:hidden}.cta-band .h2,.cta-band p{color:var(--sc-on-ink)}@supports (color:color-mix(in lab, red, red)){.cta-band p{color:color-mix(in srgb, var(--sc-on-ink) 72%, transparent)}}.cta-band p{margin-top:8px;font-size:16px}.cta-band .cta-mark{flex:none;height:120px}.cta-band img,.cta-band .cta-mark{filter:drop-shadow(0 16px 24px #00000059);width:120px;transform:rotate(-12deg)}.nf{text-align:center;flex-direction:column;align-items:center;padding-block:48px 96px;display:flex}.nf-art{width:min(320px,80vw);height:auto;animation:nf-wobble 5s var(--sc-ease-out) infinite;transform-origin:50% 90%;margin-bottom:20px}.nf .h1{margin-top:18px}.nf-lede{max-width:460px;margin-top:14px}.nf-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.nf-tools{justify-content:center;margin-top:36px}@keyframes nf-wobble{0%,to{transform:scaleY(1)}50%{transform:scaleY(.97)scaleX(1.015)}}@media (prefers-reduced-motion:reduce){.nf-art{animation:none}}.nav .label-short{display:none}@media (max-width:400px){.nav .label-long{display:none}.nav .label-short{display:inline}}@media (max-width:360px){.wrap{padding-inline:16px}.nav .brand .word{font-size:20px}}@media (max-width:900px){.about-hero,.tool-hero,.support,.split-2{grid-template-columns:1fr}.ba{height:380px}}@media (max-width:760px){.h1{font-size:38px;line-height:42px}.h2{font-size:30px;line-height:34px}.grid-3,.grid-2{grid-template-columns:1fr}.nav .links,.nav .support-text{display:none}.section{padding:48px 0}.footer .cols{flex-direction:column;gap:24px}.cta-band{flex-direction:column;align-items:flex-start;padding:32px}.feature-list{columns:1}.drop-inline{flex-wrap:wrap}.drop-inline .kbd-lg{display:none}.ba{max-width:100%;height:min(380px,96vw);overflow:hidden}.ba .raw{width:min(220px,56vw)}.ba .sweet{width:min(300px,78vw)}.ba .swirl{top:min(250px,64vw);left:min(90px,22vw)}.support{padding:28px}.jar-illo img{width:160px;height:160px}}.code-inline{border:2px dashed var(--sc-line-strong);background:var(--sc-surface);border-radius:22px;padding:14px}.code-inline:focus-within{border-color:var(--sc-accent)}.code-inline textarea{resize:vertical;background:var(--sc-well);width:100%;min-height:118px;box-shadow:var(--sc-shadow-well);color:var(--sc-ink);white-space:pre;border:0;border-radius:14px;outline:none;padding:12px 14px;font:400 13px/20px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:block}.code-inline textarea::placeholder{color:var(--sc-ink-3)}.code-inline-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.code-inline-row .muted{color:var(--sc-ink-3);font-size:13px}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--sc-ease-out);transition-timing-function:var(--sc-ease-out)}}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(/fonts/figtree-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:300 900;src:url(/fonts/figtree-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/bricolage-grotesque-latin-opsz-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/bricolage-grotesque-latin-ext-opsz-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/geist-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/geist-mono-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/geist-mono-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/geist-mono-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sc-candy-50:#fff0f4;--sc-candy-100:#ffdce5;--sc-candy-200:#ffb4c6;--sc-candy-300:#ff8fab;--sc-candy-400:#ff6a8f;--sc-candy-500:#ff4f7b;--sc-candy-600:#d42a5f;--sc-candy-700:#c0214f;--sc-candy-800:#9a1a40;--sc-tangerine-200:#ffd9b5;--sc-tangerine-300:#ffc08a;--sc-tangerine-500:#ff9a3c;--sc-tangerine-700:#b85a0a;--sc-mint-200:#cdf5e3;--sc-mint-300:#a6ebcf;--sc-mint-500:#5fd4a8;--sc-mint-700:#1a7a57;--sc-lemon-200:#fff1b8;--sc-lemon-300:#ffe991;--sc-lemon-500:#ffd84d;--sc-lemon-700:#8f7000;--sc-grape-200:#e2d9ff;--sc-grape-300:#c9b8ff;--sc-grape-500:#8b6cff;--sc-grape-700:#5b3fd6;--sc-blueberry-300:#a9c8ff;--sc-blueberry-500:#4f8bff;--sc-blueberry-700:#2459c9;--sc-cocoa-900:#1a1411;--sc-cocoa-800:#211915;--sc-cocoa-700:#261d19;--sc-cocoa-600:#2f2520;--sc-cocoa-500:#3a2e27;--sc-cocoa-400:#4a3b32;--sc-cream-50:#fffcf7;--sc-cream-100:#fbf5ec;--sc-cream-200:#f6eee2;--sc-cream-300:#f4ebdd;--sc-cream-400:#efe4d4;--sc-cream-500:#eadfcf;--sc-cream-600:#dccdb8;--sc-paper:var(--sc-cream-100);--sc-stage:var(--sc-cream-300);--sc-surface:var(--sc-cream-50);--sc-well:var(--sc-cream-200);--sc-well-hover:var(--sc-cream-400);--sc-line:var(--sc-cream-500);--sc-line-strong:var(--sc-cream-600);--sc-dots:#785a3c24;--sc-ink:#2a1f1a;--sc-ink-2:#6b5a4e;--sc-ink-3:#786456;--sc-ink-4:#b5a495;--sc-on-ink:var(--sc-cream-100);--sc-on-ink-accent:var(--sc-candy-300);--sc-accent:var(--sc-candy-500);--sc-accent-text:var(--sc-candy-700);--sc-accent-fill:var(--sc-candy-600);--sc-accent-soft:var(--sc-candy-50);--sc-accent-ring:var(--sc-candy-600);--sc-on-accent:#fff;--sc-success:var(--sc-mint-700);--sc-success-soft:var(--sc-mint-200);--sc-warning:var(--sc-tangerine-700);--sc-warning-soft:var(--sc-tangerine-200);--sc-danger:#c8322a;--sc-danger-soft:#fde2df;--sc-selection:#ff4f7b38;--sc-scrim:#2a1f1a5c;--sc-grad-candy:linear-gradient(180deg, #ff6a8f 0%, #f0467a 48%, #d42a5f 100%);--sc-grad-candy-hover:linear-gradient(180deg, #ff7a9b 0%, #f5507f 48%, #db3166 100%);--sc-grad-knob:linear-gradient(180deg, #fff 0%, #f3ebe2 100%);--sc-grad-fill:linear-gradient(90deg, var(--sc-candy-300) 0%, var(--sc-candy-500) 100%);--sc-grad-auto:conic-gradient(from 200deg, #ff4f7b, #ff9a3c, #ffd84d, #5fd4a8, #4f8bff, #8b6cff, #ff4f7b);--sc-grad-sheen:linear-gradient(180deg, #ffffff47 0%, #fff0 55%);--sc-shadow-tray:inset 0 1px 0 #ffffffe6, 0 1px 2px #4a2d140f, 0 8px 24px -12px #4a2d1429;--sc-shadow-raised:inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #4a2d1412, 0 1px 2px #4a2d141a;--sc-shadow-raised-hover:inset 0 1px 0 #ffffffe6, inset 0 -2px 0 #4a2d1412, 0 3px 8px -2px #4a2d1429;--sc-shadow-pressed:inset 0 1px 2px #4a2d1424, inset 0 0 0 #0000;--sc-shadow-well:inset 0 1px 2px #4a2d1417, inset 0 -1px 0 #ffffffb3;--sc-shadow-float:inset 0 1px 0 #ffffffd9, 0 2px 6px #4a2d1414, 0 16px 40px -12px #4a2d1447;--sc-shadow-modal:0 4px 12px #4a2d141a, 0 40px 90px -20px #4a2d1466;--sc-shadow-knob:inset 0 -2px 0 #4a2d1414, 0 0 0 1px #4a2d140f, 0 2px 5px #3c1e0a38;--sc-shadow-candy:inset 0 -3px 0 var(--sc-candy-800), inset 0 1px 0 #ffffff73, 0 6px 16px -6px #d42a5f8c;--sc-shadow-candy-pressed:inset 0 -1px 0 var(--sc-candy-800), inset 0 2px 3px #780a284d, 0 2px 6px -3px #d42a5f80;--sc-shadow-swatch:inset 0 -2px 0 #0000001f, inset 0 0 0 1px #0000000f, 0 2px 4px #4a2d1424;--sc-focus-ring:0 0 0 2px var(--sc-paper), 0 0 0 4px var(--sc-ink);--sc-selected-ring:0 0 0 2px var(--sc-surface), 0 0 0 4.5px var(--sc-accent);--sc-font-display:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif;--sc-font-ui:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--sc-font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--sc-text-2xs:10.5px;--sc-leading-2xs:14px;--sc-text-xs:11.5px;--sc-leading-xs:16px;--sc-text-sm:12.5px;--sc-leading-sm:18px;--sc-text-base:13.5px;--sc-leading-base:20px;--sc-text-md:15px;--sc-leading-md:22px;--sc-text-lg:17px;--sc-leading-lg:26px;--sc-text-xl:21px;--sc-leading-xl:28px;--sc-text-2xl:28px;--sc-leading-2xl:34px;--sc-text-3xl:38px;--sc-leading-3xl:42px;--sc-text-4xl:54px;--sc-leading-4xl:56px;--sc-text-5xl:76px;--sc-leading-5xl:76px;--sc-weight-regular:400;--sc-weight-medium:500;--sc-weight-semibold:600;--sc-weight-bold:700;--sc-weight-black:800;--sc-tracking-display:-.035em;--sc-tracking-tight:-.015em;--sc-tracking-normal:0;--sc-tracking-caps:.06em;--sc-space-0:0;--sc-space-px:1px;--sc-space-0-5:2px;--sc-space-1:4px;--sc-space-1-5:6px;--sc-space-2:8px;--sc-space-2-5:10px;--sc-space-3:12px;--sc-space-3-5:14px;--sc-space-4:16px;--sc-space-5:20px;--sc-space-6:24px;--sc-space-8:32px;--sc-space-10:40px;--sc-space-12:48px;--sc-space-16:64px;--sc-space-20:80px;--sc-space-24:96px;--sc-space-32:128px;--sc-radius-xs:5px;--sc-radius-sm:9px;--sc-radius-md:12px;--sc-radius-lg:14px;--sc-radius-xl:20px;--sc-radius-2xl:28px;--sc-radius-pill:999px;--sc-header-h:60px;--sc-inspector-w:340px;--sc-inspector-w-compact:300px;--sc-dock-h:52px;--sc-control-h-sm:28px;--sc-control-h:36px;--sc-control-h-lg:44px;--sc-hit-min:40px;--sc-stage-gutter:24px;--sc-page-max:1120px;--sc-prose-max:660px;--sc-dur-instant:80ms;--sc-dur-fast:.14s;--sc-dur-base:.22s;--sc-dur-slow:.36s;--sc-dur-landing:.42s;--sc-dur-delight:.9s;--sc-dur-toast:2.6s;--sc-ease-out:cubic-bezier(.22, 1, .36, 1);--sc-ease-in:cubic-bezier(.55, 0, 1, .45);--sc-ease-in-out:cubic-bezier(.65, 0, .35, 1);--sc-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--sc-ease-squish:cubic-bezier(.5, 1.8, .4, .8);--sc-ease-linear:linear;--sc-z-stage:0;--sc-z-handles:10;--sc-z-dock:20;--sc-z-header:30;--sc-z-popover:40;--sc-z-sheet:50;--sc-z-modal:60;--sc-z-toast:70;--sc-z-drag-overlay:80}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sc-paper:var(--sc-cocoa-900);--sc-stage:var(--sc-cocoa-800);--sc-surface:var(--sc-cocoa-700);--sc-well:var(--sc-cocoa-600);--sc-well-hover:var(--sc-cocoa-500);--sc-line:var(--sc-cocoa-500);--sc-line-strong:var(--sc-cocoa-400);--sc-dots:#ffdcbe12;--sc-ink:#fbefe4;--sc-ink-2:#d2beae;--sc-ink-3:#a89484;--sc-ink-4:#6e5d51;--sc-on-ink:var(--sc-cocoa-900);--sc-on-ink-accent:var(--sc-candy-700);--sc-accent:var(--sc-candy-400);--sc-accent-text:var(--sc-candy-300);--sc-accent-fill:var(--sc-candy-600);--sc-accent-soft:#ff4f7b24;--sc-accent-ring:var(--sc-candy-400);--sc-success:var(--sc-mint-500);--sc-success-soft:#5fd4a824;--sc-warning:var(--sc-tangerine-500);--sc-warning-soft:#ff9a3c24;--sc-danger:#ff7a6e;--sc-danger-soft:#ff7a6e24;--sc-scrim:#0a060499;--sc-grad-knob:linear-gradient(180deg, #fff8f1 0%, #e9dccf 100%);--sc-shadow-tray:inset 0 1px 0 #fff0e10d, 0 1px 2px #00000059, 0 10px 30px -12px #0000008c;--sc-shadow-raised:inset 0 1px 0 #fff0e10f, inset 0 -2px 0 #0000004d, 0 1px 2px #00000059;--sc-shadow-raised-hover:inset 0 1px 0 #fff0e114, inset 0 -2px 0 #0000004d, 0 4px 10px -2px #00000073;--sc-shadow-pressed:inset 0 1px 3px #00000073;--sc-shadow-well:inset 0 1px 2px #00000059, inset 0 -1px 0 #fff0e10a;--sc-shadow-float:inset 0 1px 0 #fff0e10f, 0 2px 6px #00000059, 0 18px 44px -12px #000000a6;--sc-shadow-modal:0 4px 12px #0006, 0 40px 90px -20px #000000bf;--sc-shadow-knob:inset 0 -2px 0 #4a2d141f, 0 0 0 1px #00000040, 0 2px 6px #00000080;--sc-shadow-swatch:inset 0 -2px 0 #0000002e, inset 0 0 0 1px #ffffff24, 0 2px 4px #00000059}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sc-paper:var(--sc-cocoa-900);--sc-stage:var(--sc-cocoa-800);--sc-surface:var(--sc-cocoa-700);--sc-well:var(--sc-cocoa-600);--sc-well-hover:var(--sc-cocoa-500);--sc-line:var(--sc-cocoa-500);--sc-line-strong:var(--sc-cocoa-400);--sc-dots:#ffdcbe12;--sc-ink:#fbefe4;--sc-ink-2:#d2beae;--sc-ink-3:#a89484;--sc-ink-4:#6e5d51;--sc-on-ink:var(--sc-cocoa-900);--sc-on-ink-accent:var(--sc-candy-700);--sc-accent:var(--sc-candy-400);--sc-accent-text:var(--sc-candy-300);--sc-accent-fill:var(--sc-candy-600);--sc-accent-soft:#ff4f7b24;--sc-accent-ring:var(--sc-candy-400);--sc-success:var(--sc-mint-500);--sc-success-soft:#5fd4a824;--sc-warning:var(--sc-tangerine-500);--sc-warning-soft:#ff9a3c24;--sc-danger:#ff7a6e;--sc-danger-soft:#ff7a6e24;--sc-scrim:#0a060499;--sc-grad-knob:linear-gradient(180deg, #fff8f1 0%, #e9dccf 100%);--sc-shadow-tray:inset 0 1px 0 #fff0e10d, 0 1px 2px #00000059, 0 10px 30px -12px #0000008c;--sc-shadow-raised:inset 0 1px 0 #fff0e10f, inset 0 -2px 0 #0000004d, 0 1px 2px #00000059;--sc-shadow-raised-hover:inset 0 1px 0 #fff0e114, inset 0 -2px 0 #0000004d, 0 4px 10px -2px #00000073;--sc-shadow-pressed:inset 0 1px 3px #00000073;--sc-shadow-well:inset 0 1px 2px #00000059, inset 0 -1px 0 #fff0e10a;--sc-shadow-float:inset 0 1px 0 #fff0e10f, 0 2px 6px #00000059, 0 18px 44px -12px #000000a6;--sc-shadow-modal:0 4px 12px #0006, 0 40px 90px -20px #000000bf;--sc-shadow-knob:inset 0 -2px 0 #4a2d141f, 0 0 0 1px #00000040, 0 2px 6px #00000080;--sc-shadow-swatch:inset 0 -2px 0 #0000002e, inset 0 0 0 1px #ffffff24, 0 2px 4px #00000059}@media (prefers-reduced-motion:reduce){:root{--sc-dur-slow:.16s;--sc-dur-landing:0s;--sc-dur-delight:.2s;--sc-ease-pop:var(--sc-ease-out);--sc-ease-squish:var(--sc-ease-out)}}::selection{background:var(--sc-selection)}@keyframes sc-fade-in{0%{opacity:0}}@keyframes sc-fade-out{to{opacity:0}}@keyframes sc-fade-in-soft{0%{opacity:.35}}@keyframes sc-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes sc-progress{0%{background-position:-50% 0}to{background-position:150% 0}}@keyframes sc-rise{0%{opacity:0;translate:0 8px}}@keyframes sc-pane-in{0%{opacity:0;transform:translate(8px)}}@keyframes sc-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}}@keyframes sc-pop-out{to{opacity:0;transform:translateY(-4px)scale(.96)}}@keyframes sc-sheet-in{0%{opacity:0;translate:0 16px}}@keyframes sc-sheet-out{to{opacity:0;translate:0 8px}}.dialog.sheet{animation-name:sc-dialog-in}@keyframes sc-dialog-in{0%{opacity:0;translate:-50% calc(16px - 50%)}}@keyframes sc-slide-up{0%{transform:translateY(100%)}}@keyframes sc-slide-down{to{transform:translateY(100%)}}@keyframes sc-toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes sc-toast-out{to{opacity:0;transform:translateY(4px)}}@keyframes sc-bump{50%{scale:1.15}}@keyframes sc-wiggle{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-6deg)translateY(-1px)}25%{transform:rotate(-18deg)}}@keyframes sc-handle-in{0%{transform:scale(.6)}}@keyframes sc-bloom{0%{-webkit-mask-size:8% 8%;mask-size:8% 8%}to{-webkit-mask-size:240% 240%;mask-size:240% 240%}}@keyframes sc-drop{0%{opacity:.4;transform:translateY(12px)scale(.94)}35%{opacity:1;transform:translateY(-1px)scale(1.012)}55%{transform:translateY(0)scale(1.015)}78%{transform:scale(.998)}to{transform:scale(1)}}@keyframes sc-wrap-body{0%{transform:scale(.6)}}@keyframes sc-twist-l{0%{opacity:0;transform:translate(-18px)rotate(12deg)scaleY(1)}50%{opacity:1;transform:translate(-4px)rotate(4deg)scaleY(.7)}to{transform:none}}@keyframes sc-twist-r{0%{opacity:0;transform:scaleX(-1)translate(-18px)rotate(12deg)scaleY(1)}50%{opacity:1;transform:scaleX(-1)translate(-4px)rotate(4deg)scaleY(.7)}to{transform:scaleX(-1)}}@keyframes sc-fan-l{to{transform:rotate(-11deg)translateY(14px)translate(-4px)}}@keyframes sc-fan-r{to{transform:rotate(11deg)translateY(14px)translate(4px)}}@keyframes sc-fan-c{to{transform:translateY(-4px)rotate(-1deg)}}@keyframes sc-spin{to{transform:rotate(360deg)}}@keyframes sc-pop{50%{transform:scale(1.06)}}.pop{animation:sc-pop .26s var(--sc-ease-pop)}.spin-once svg{animation:sc-spin-half .36s var(--sc-ease-pop)}@keyframes sc-spin-half{to{transform:rotate(180deg)}}.ring-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite sc-spin;display:inline-block}.shimmer-busy{position:relative;overflow:hidden}.shimmer-busy:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff59,#0000 70%) 0 0/200% 100%;animation:.9s linear infinite sc-shimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.12s!important;animation-duration:.16s!important;animation-iteration-count:1!important}.fan .f,.drop-veil .msg img,.wrap-thumb svg,.wrap-thumb .body,.handle{animation:none!important}.comp.landing,.comp.landing canvas.preview{animation:sc-fade-in .16s var(--sc-ease-out)!important}.comp.landing canvas.preview{-webkit-mask-image:none;mask-image:none}.preset:hover .thumb,.jar-card:hover .th,.sw:hover,.wall:hover,.sample:hover{transform:none}.skeleton{animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}