/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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;--disco-rotation:0deg}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.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}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[oklch\(92\.2\%_0_0\)\]{border-color:oklch(92.2% 0 0)}.bg-\[oklch\(98\.5\%_0_0_\/_0\.9\)\]{background-color:oklch(98.5% 0 0/.9)}.bg-\[oklch\(100\%_0_0\)\]{background-color:oklch(100% 0 0)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.text-\[oklch\(14\.5\%_0_0\)\]{color:oklch(14.5% 0 0)}.text-\[oklch\(43\.9\%_0_0\)\]{color:oklch(43.9% 0 0)}.text-\[oklch\(55\.6\%_0_0\)\]{color:oklch(55.6% 0 0)}.text-\[oklch\(70\.8\%_0_0\)\]{color:oklch(70.8% 0 0)}.text-\[oklch\(87\%_0_0\)\]{color:oklch(87% 0 0)}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px)}.blur,.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:text-\[oklch\(37\.1\%_0_0\)\]:is(:where(.group):hover *){color:oklch(37.1% 0 0)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[oklch\(87\%_0_0\)\]:hover{border-color:oklch(87% 0 0)}.hover\:bg-\[oklch\(100\%_0_0\)\]:hover{background-color:oklch(100% 0 0)}.hover\:text-\[oklch\(14\.5\%_0_0\)\]:hover{color:oklch(14.5% 0 0)}.hover\:text-\[oklch\(43\.9\%_0_0\)\]:hover{color:oklch(43.9% 0 0)}.hover\:shadow-sm:hover{--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)}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:64rem){.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}}}:root{color-scheme:light;--ink:oklch(44.24% .0284 73.16);--muted:oklch(57.82% .0317 79.31);--line:oklch(97.02% 0 0);--separator-size:1px;--paper:oklch(97.06% .0057 84.57);--soft:oklch(93.77% .0128 86.83);--scrollbar-track:oklch(96.5% .006 85/.64);--scrollbar-thumb:oklch(70% .028 82/.58);--scrollbar-thumb-hover:oklch(58% .04 76/.72);--slicer-motion-quick:.15s;--slicer-motion-fast:.25s;--slicer-motion-ease:cubic-bezier(.22,1,.36,1);--slicer-modal-scale:.96}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin;background:oklch(100% 0 0);overflow-y:scroll}html.is-disco{--scrollbar-track:oklch(18% .02 285/.72);--scrollbar-thumb:oklch(73% .16 236/.58);--scrollbar-thumb-hover:oklch(87% .22 142/.76);background:oklch(16.18% .018 285.11)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid oklch(0 0 0/0);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}body{color:var(--ink);font-family:var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(100% 0 0);margin:0;transition:background .26s,color .26s}.is-disco body{color:oklch(91.72% .0177 299.04);background:radial-gradient(circle at 18% 12%,oklch(55.92% .2634 289.99/.18),oklch(16.18% .018 285.11/0) 32%),radial-gradient(circle at 86% 20%,oklch(73.69% .1582 235.85/.15),oklch(16.18% .018 285.11/0) 30%),oklch(16.18% .018 285.11)}a{color:inherit;text-decoration:none}.title-link{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1}::selection{color:oklch(0 0 0);background:oklch(86.723% .28874 143.141/.733)}.portfolio-shell{min-height:100vh;position:relative}.portfolio-page{animation:portfolio-page-reveal .82s cubic-bezier(.22,1,.36,1) both}@keyframes portfolio-page-reveal{0%{opacity:0;filter:blur(14px);transform:scale(1.01)}58%{filter:blur(4px);opacity:.78}to{opacity:1;filter:blur();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.portfolio-page{filter:none;opacity:1;transform:none;animation:none!important}}.tools-shell{color:oklch(24% .018 76);background:oklch(96.8% .006 84);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.tools-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:oklch(99.2% .002 84/.92);border-bottom:0;justify-content:flex-start;gap:16px;min-height:58px;padding:20px;position:sticky;top:0}.tools-sidebar,.tools-sidebar-top{align-items:center;display:flex}.tools-back-link{color:oklch(34% .02 76);width:34px;height:34px;font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;border:0;place-items:center;font-size:14px;font-weight:700;display:grid}.tools-back-logo{width:22px;height:auto;display:block;overflow:visible}.tools-back-link:focus-visible .footer-logo-letter,.tools-back-link:hover .footer-logo-letter{transform:rotate(-4deg)translateY(-1px)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tools-nav{justify-content:flex-end;align-items:center;gap:4px;display:flex}.tools-nav-menu>button,.tools-nav>a{color:oklch(43% .022 76);cursor:pointer;min-height:34px;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 11px;font-size:13px;line-height:1;text-decoration:none;transition:background .14s,color .14s;display:inline-flex}.tools-nav-menu.is-active>button,.tools-nav-menu:focus-within>button,.tools-nav-menu:hover>button,.tools-nav>a.is-active,.tools-nav>a:focus-visible,.tools-nav>a:hover{color:oklch(24% .018 76);background:oklch(94.5% .01 84);outline:0}.tools-nav-menu{position:relative}.tools-nav-menu:after{content:"";width:max(100%,250px);height:10px;position:absolute;top:100%;left:0}.tools-nav-menu svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px;transition:transform .14s}.tools-nav-menu:focus-within svg,.tools-nav-menu:hover svg{transform:rotate(180deg)}.tools-nav-dropdown{opacity:0;pointer-events:none;transform-origin:0 0;background:oklch(100% 0 0);border:1px solid oklch(88% .01 84);border-radius:8px;gap:4px;min-width:250px;padding:6px;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)scale(.98);box-shadow:0 18px 40px oklch(0 0 0/.12)}.tools-nav-menu:focus-within .tools-nav-dropdown,.tools-nav-menu:hover .tools-nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.tools-nav-dropdown a{color:oklch(29% .02 76);border-radius:6px;gap:4px;padding:10px;text-decoration:none;transition:background .14s,color .14s;display:grid}.tools-nav-dropdown a.is-active,.tools-nav-dropdown a:focus-visible,.tools-nav-dropdown a:hover{background:oklch(96% .008 84);outline:0}.tools-nav-dropdown span{font-size:13px;font-weight:650}.tools-nav-dropdown small{color:oklch(52% .022 76);font-size:12px;line-height:1.3}.tools-workspace{align-content:start;gap:18px;width:min(1120px,100%);padding:20px;animation:tools-page-enter .18s cubic-bezier(.22,1,.36,1) both;display:grid}.slicer-workspace{gap:10px;width:100%;max-width:none;padding:20px}@keyframes tools-page-enter{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.slicer-workspace .tools-header h1{margin-bottom:8px;font-size:22px}.slicer-workspace .tools-kicker{margin-bottom:8px}.slicer-workspace .ds-section-heading{align-items:start}.slicer-workspace .ds-section-heading p{text-align:right}.slicer-info-tooltip{display:inline-grid;position:relative}.slicer-info-tooltip button{color:oklch(48% .024 76);cursor:help;background:0 0;border:0;border-radius:4px;place-items:center;width:18px;height:18px;transition:color .14s,transform .14s;display:grid}.slicer-info-tooltip button:focus-visible,.slicer-info-tooltip button:hover{color:oklch(24% .03 76);transform:translateY(-1px)}.slicer-info-tooltip .slicer-icon{width:13px;height:13px}.slicer-info-tooltip [role=tooltip]{z-index:20;color:oklch(32% .02 76);opacity:0;pointer-events:none;text-align:left;background:oklch(100% 0 0);border:1px solid oklch(82% .014 84);border-radius:6px;width:max-content;max-width:220px;padding:7px 9px;font-size:12px;line-height:1.3;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 10px 24px oklch(0 0 0/.12)}.slicer-info-tooltip:focus-within [role=tooltip],.slicer-info-tooltip:hover [role=tooltip]{opacity:1;transform:translateY(0)}.tools-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.tools-kicker{color:oklch(54% .026 76);font:500 12px/1 var(--font-geist-mono),Courier New,Courier,monospace;text-transform:uppercase;margin:0 0 6px}.tools-header h1{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:0;font-size:28px;line-height:1}.tool-preview-body button,.tool-preview-link,.tools-header button{color:oklch(100% 0 0);cursor:pointer;font:700 12px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(24% .018 76);border:1px solid oklch(26% .018 76);border-radius:6px}.tools-header button{padding:10px 12px}.tools-summary{background:oklch(88% .01 84);border:1px solid oklch(88% .01 84);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.tools-summary article{background:oklch(100% 0 0);gap:12px;padding:16px;display:grid}.tool-row>span,.tools-summary span{color:oklch(54% .026 76);font:500 12px/1 var(--font-geist-mono),Courier New,Courier,monospace}.tools-summary strong{font-size:28px;line-height:1}.tools-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;display:grid}.tools-list{background:oklch(88% .01 84);border:1px solid oklch(88% .01 84);gap:1px;display:grid}.tool-row{background:oklch(100% 0 0);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.tool-row h2{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:8px 0 6px;font-size:14px;line-height:1}.tool-row p{color:oklch(48% .024 76);max-width:46ch;margin:0;font-size:13px;line-height:1.45}.tool-status{color:oklch(34% .02 76);font:700 11px/1 var(--font-geist-mono),Courier New,Courier,monospace;background:oklch(93.5% .012 84);padding:4px 6px;display:inline-grid}.tool-preview{background:oklch(100% 0 0);border:1px solid oklch(88% .01 84);min-height:320px;padding:16px}.tool-preview-window{background:oklch(97% .006 84);border:1px solid oklch(86% .012 84);grid-template-rows:auto 1fr;height:100%;display:grid}.tool-preview-bar{border-bottom:1px solid oklch(86% .012 84);gap:5px;padding:10px;display:flex}.tool-preview-bar span{background:oklch(70% .02 76);border-radius:50%;width:7px;height:7px}.tool-preview-body{align-content:center;justify-items:center;gap:18px;padding:20px;display:grid}.tool-preview-body p{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:0;font-size:14px;font-weight:700}.tool-preview-strip{grid-template-columns:repeat(4,44px);gap:6px;display:grid}.tool-preview-strip span{aspect-ratio:1;background:linear-gradient(135deg,oklch(100% 0 0),oklch(89% .018 84));border:1px solid oklch(84% .014 84)}.tool-preview-body button,.tool-preview-link{place-items:center;padding:9px 12px;display:inline-grid}.web-tools-directory{gap:16px;display:grid}.web-tools-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.web-tools-heading h1,.web-tools-heading h2{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:0;font-size:22px;line-height:1}.web-tools-heading>p{color:oklch(48% .024 76);text-align:right;max-width:34ch;margin:0;font-size:13px;line-height:1.45}.web-tools-controls{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.web-tools-control-group{background:oklch(100% 0 0);border:1px solid oklch(88% .01 84);border-radius:8px;flex-wrap:wrap;gap:1px;padding:3px;display:flex}.web-tools-control-group button{color:oklch(49% .024 76);cursor:pointer;min-height:30px;font:650 12px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;background:0 0;border:0;border-radius:5px;padding:0 10px;transition:background .14s,color .14s}.web-tools-control-group button.is-active,.web-tools-control-group button:focus-visible,.web-tools-control-group button:hover{color:oklch(24% .018 76);background:oklch(94.5% .01 84);outline:0}.web-tools-sections{background:oklch(88% .01 84);border:1px solid oklch(88% .01 84);gap:1px;display:grid}.web-tools-section{--web-category-tint:oklch(99% .003 84);--web-category-accent:oklch(54% .026 76);animation:web-tool-section-enter .18s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--web-tool-index,0) * 24ms);grid-template-columns:150px minmax(0,1fr);gap:1px;display:grid}.web-tools-section[data-category=reference]{--web-category-tint:oklch(97.5% .018 260);--web-category-accent:oklch(48% .09 260)}.web-tools-section[data-category=components]{--web-category-tint:oklch(97.5% .018 155);--web-category-accent:oklch(45% .08 155)}.web-tools-section[data-category=motion]{--web-category-tint:oklch(97.5% .022 315);--web-category-accent:oklch(48% .11 315)}.web-tools-section[data-category=color]{--web-category-tint:oklch(97.5% .022 85);--web-category-accent:oklch(48% .08 85)}.web-tools-section[data-category=utility]{--web-category-tint:oklch(97.5% .014 210);--web-category-accent:oklch(48% .07 210)}.web-tools-section[data-category=design-engineering]{--web-category-tint:oklch(97.5% .02 25);--web-category-accent:oklch(48% .1 25)}.web-tools-section[data-category=shaders]{--web-category-tint:oklch(97.5% .02 285);--web-category-accent:oklch(48% .1 285)}.web-tools-section h2{background:var(--web-category-tint);color:var(--web-category-accent);font:600 12px/1 var(--font-geist-mono),Courier New,Courier,monospace;margin:0;padding:14px}.web-tools-list{background:oklch(88% .01 84);flex-wrap:wrap;gap:1px;display:flex}.web-tool-item{animation:web-tool-link-enter .18s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--web-tool-index,0) * 18ms);background:oklch(100% 0 0);transition:background .14s,transform .14s;position:relative}.web-tool-item,.web-tool-link{min-height:44px;align-items:center;display:inline-flex}.web-tool-link{color:oklch(29% .02 76);gap:8px;padding:0 12px;font-size:13px;text-decoration:none;transition:color .14s}.web-tool-link img{border-radius:3px;width:16px;height:16px}.web-tool-format{border:1px solid var(--web-category-accent);margin-left:2px;padding:3px 5px}@supports (color:color-mix(in lab,red,red)){.web-tool-format{border:1px solid color-mix(in oklch,var(--web-category-accent) 18%,oklch(88% .01 84))}}.web-tool-format{background:var(--web-category-tint);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.web-tool-format{background:color-mix(in oklch,var(--web-category-tint) 56%,oklch(100% 0 0))}}.web-tool-format{color:var(--web-category-accent)}@supports (color:color-mix(in lab,red,red)){.web-tool-format{color:color-mix(in oklch,var(--web-category-accent) 62%,oklch(42% .022 76))}}.web-tool-format{font:650 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;text-transform:capitalize}.web-tool-link:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:0;border-bottom:6px solid oklch(22% .018 76);bottom:calc(100% + 1px);left:14px;transform:translateY(3px)}.web-tool-link:after,.web-tool-link:before{z-index:7;opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;position:absolute}.web-tool-link:after{content:attr(data-description);color:oklch(96% .006 84);white-space:normal;transform-origin:0 100%;background:oklch(22% .018 76);border:1px solid oklch(34% .02 76);border-radius:6px;width:max-content;max-width:min(280px,100vw - 40px);padding:7px 9px;font-size:12px;line-height:1.35;bottom:calc(100% + 7px);left:0;transform:translateY(3px)scale(.98);box-shadow:0 14px 30px oklch(0 0 0/.22)}.web-tool-item:focus-within,.web-tool-item:hover{background:var(--web-category-tint)}@supports (color:color-mix(in lab,red,red)){.web-tool-item:focus-within,.web-tool-item:hover{background:color-mix(in oklch,var(--web-category-tint) 68%,oklch(100% 0 0))}}.web-tool-item:focus-within,.web-tool-item:hover{transform:translateY(-1px)}.web-tool-link:focus-visible,.web-tool-link:hover{color:oklch(18% .018 76);outline:0}.web-tool-link:focus-visible:after,.web-tool-link:focus-visible:before,.web-tool-link:hover:after,.web-tool-link:hover:before{opacity:1;transform:translateY(0)scale(1)}.web-tool-skill-link{color:oklch(54% .026 76);cursor:pointer;min-width:30px;min-height:44px;font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;background:0 0;border:0;border-left:1px solid oklch(88% .01 84);place-items:center;padding:0 8px;text-decoration:none;transition:color .14s,background .14s;display:grid}.web-tool-command-icons{width:14px;height:14px;display:block;position:relative}.web-tool-command-icon{fill:currentColor;width:14px;height:14px;transition:opacity .16s,filter .16s,transform .16s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.web-tool-command-icon.is-idle{opacity:1;transform:scale(1)rotate(0)}.web-tool-skill-link.is-copied .web-tool-command-icon.is-idle,.web-tool-skill-link:focus-visible .web-tool-command-icon.is-idle,.web-tool-skill-link:hover .web-tool-command-icon.is-idle{opacity:0;filter:blur(2px);transform:scale(.72)rotate(-8deg)}.web-tool-command-icon.is-copied,.web-tool-command-icon.is-hover{opacity:0;filter:blur(2px);transform:scale(1.18)rotate(8deg)}.web-tool-skill-link:focus-visible .web-tool-command-icon.is-hover,.web-tool-skill-link:hover .web-tool-command-icon.is-hover{opacity:1;filter:blur();transform:scale(1)rotate(0)}.web-tool-skill-link.is-copied .web-tool-command-icon.is-hover{opacity:0;filter:blur(2px);transform:scale(.72)rotate(-8deg)}.web-tool-command-icon.is-copied.is-visible{opacity:1;filter:blur();transform:scale(1)rotate(0)}.web-tool-skill-link:focus-visible,.web-tool-skill-link:hover{background:var(--web-category-tint);color:var(--web-category-accent);outline:0}.web-tool-skill-link.is-copied{color:oklch(32% .09 145);background:oklch(91% .05 145)}@keyframes web-tool-section-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes web-tool-link-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slicer-layout{grid-template-columns:minmax(220px,.58fr) 10px minmax(360px,1fr) 10px minmax(280px,.68fr);align-items:start;gap:10px 0;display:grid}.slicer-panel{background:oklch(100% 0 0);border:1px solid oklch(88% .01 84);gap:10px;padding:12px;display:grid}.slicer-workspace .slicer-panel{gap:8px;padding:10px}.slicer-left-stack{grid-area:1/1/span 2;align-content:start;gap:10px;display:grid}.slicer-fine-tune-panel,.slicer-settings-panel,.slicer-shortcuts-panel,.slicer-upload-panel{grid-column:auto}.slicer-preview{z-index:5;grid-area:1/5/span 2;position:sticky;top:12px}.slicer-map-panel{grid-area:1/3/span 2}.slicer-column-resizer{cursor:col-resize;background:0 0;border:0;grid-area:1/2/span 2;align-self:stretch;width:10px;min-height:100%;padding:0;position:relative}.slicer-column-resizer.is-second{grid-column:4}.slicer-column-resizer:before{content:"";opacity:.18;width:1px;transition:background var(--slicer-motion-quick) var(--slicer-motion-ease),opacity var(--slicer-motion-quick) var(--slicer-motion-ease),transform var(--slicer-motion-quick) var(--slicer-motion-ease);background:oklch(82% .012 84);border-radius:999px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.slicer-column-resizer.is-active:before,.slicer-column-resizer:focus-visible:before,.slicer-column-resizer:hover:before{opacity:.82;background:oklch(63% .14 252);transform:translate(-50%)scaleX(2)}.is-resizing-slicer{cursor:col-resize;-webkit-user-select:none;user-select:none}.slicer-icon{fill:currentColor;stroke:none;flex:none;width:15px;height:15px}.slicer-icon-button{place-items:center;width:36px;min-width:36px;padding-inline:0;display:inline-grid}.slicer-icon-button .slicer-icon{margin:0}.slicer-upload{color:oklch(34% .02 76);cursor:pointer;transition:border-color var(--slicer-motion-quick) var(--slicer-motion-ease),background var(--slicer-motion-quick) var(--slicer-motion-ease),box-shadow var(--slicer-motion-quick) var(--slicer-motion-ease),transform var(--slicer-motion-quick) var(--slicer-motion-ease);background:oklch(97% .006 84);border:1px dashed oklch(76% .018 84);border-radius:8px;align-items:flex-start;gap:6px 12px;padding:10px;display:flex}.slicer-upload:focus-within,.slicer-upload:hover{background:oklch(98.5% .005 84);border-color:oklch(63% .14 252/.52);box-shadow:inset 0 0 0 1px oklch(63% .14 252/.12)}.slicer-upload:active{transform:scale(.995)}.slicer-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.slicer-panel h2,.slicer-preview h2,.slicer-upload span{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif}.slicer-upload span{font-size:13px;font-weight:700}.slicer-upload .slicer-upload-add{color:oklch(34% .02 76);width:28px;height:28px;font:700 20px/1 var(--font-geist),Arial,Helvetica,sans-serif;transition:border-color var(--slicer-motion-quick) var(--slicer-motion-ease),background var(--slicer-motion-quick) var(--slicer-motion-ease),transform var(--slicer-motion-quick) var(--slicer-motion-ease);background:oklch(100% 0 0);border:1px solid oklch(84% .014 84);border-radius:5px;flex:none;place-items:center;display:grid}.slicer-upload:focus-within .slicer-upload-add,.slicer-upload:hover .slicer-upload-add{background:oklch(94.5% .012 252/.28);border-color:oklch(63% .14 252/.45);transform:translateY(-1px)}.slicer-upload-meta{gap:3px;min-width:0;display:grid}.slicer-upload small{color:oklch(54% .026 76);font-size:12px}.slicer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.slicer-controls label{color:oklch(42% .022 76);gap:4px;font-size:13px;font-weight:700;display:grid}.slicer-controls .ds-input{min-height:30px;padding-inline:8px}.slicer-controls label:first-child{grid-column:1/-1}.slicer-stage{background-color:oklch(98.5% .003 84);background-image:linear-gradient(45deg,oklch(94% .006 84) 25%,#0000 0),linear-gradient(-45deg,oklch(94% .006 84) 25%,#0000 0),linear-gradient(45deg,#0000 75%,oklch(94% .006 84) 0),linear-gradient(-45deg,#0000 75%,oklch(94% .006 84) 0),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid oklch(88% .01 84);place-items:center;min-height:min(34vh,230px);display:grid;overflow:auto}.slicer-map-toolbar{z-index:4;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:12px}.slicer-map-zoom-label{z-index:4;color:oklch(54% .026 76);font:600 12px/1 var(--font-geist-mono),Courier New,Courier,monospace;text-align:center;background:oklch(100% 0 0/0);border:0;border-radius:0;padding:0;position:absolute;top:12px;right:12px}.slicer-map-toolbar .slicer-icon-button{width:34px;min-width:34px;min-height:34px;padding:0}.slicer-map-toolbar .slicer-icon{transform:translateY(.5px)}.slicer-map{cursor:pointer;background:oklch(97% .006 84);border:1px solid oklch(88% .01 84);outline:0;place-items:center;min-height:min(42vh,340px);padding:40px 12px 48px;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:auto}.slicer-map:hover{background:oklch(98% .006 84);border-color:oklch(63% .14 252/.45);box-shadow:inset 0 0 0 1px oklch(63% .14 252/.1)}.slicer-map.is-keyboard-active,.slicer-map:focus-visible{border-color:oklch(63% .14 252);box-shadow:inset 0 0 0 1px oklch(63% .14 252/.28),0 0 0 3px oklch(63% .14 252/.12)}.slicer-map-sheet{image-rendering:pixelated;transition:width var(--slicer-motion-fast) var(--slicer-motion-ease),height var(--slicer-motion-fast) var(--slicer-motion-ease),background-size var(--slicer-motion-fast) var(--slicer-motion-ease);will-change:width,height,background-size;background-repeat:no-repeat;flex:none;position:relative;box-shadow:0 8px 24px oklch(0 0 0/.12)}.slicer-map-sheet.is-dragging{transition:none}.slicer-frame-box{color:oklch(100% 0 0);cursor:grab;font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;touch-action:none;-webkit-user-select:none;user-select:none;transition:left var(--slicer-motion-fast) var(--slicer-motion-ease),top var(--slicer-motion-fast) var(--slicer-motion-ease),width var(--slicer-motion-fast) var(--slicer-motion-ease),height var(--slicer-motion-fast) var(--slicer-motion-ease),border-color var(--slicer-motion-quick) var(--slicer-motion-ease),background var(--slicer-motion-quick) var(--slicer-motion-ease),box-shadow var(--slicer-motion-quick) var(--slicer-motion-ease);will-change:left,top,width,height;background:oklch(58% .16 29/.08);border:1px solid oklch(58% .16 29);padding:2px;position:absolute}.slicer-map-sheet.is-dragging .slicer-frame-box{transition:none}.slicer-frame-box:active{cursor:grabbing}.slicer-frame-box.is-active{background:oklch(63% .14 252/.14);border:2px solid oklch(63% .14 252);box-shadow:0 0 0 2px oklch(63% .14 252/.18)}.slicer-frame-label{background:oklch(24% .018 76);border-radius:3px;place-items:center;min-width:16px;height:14px;display:inline-grid;position:absolute;top:2px;left:2px}.slicer-frame-delete{color:oklch(48% .15 29);cursor:pointer;width:20px;height:18px;font:700 9px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(100% 0 0);border:1px solid oklch(58% .16 29);border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:-20px;right:-1px}.slicer-frame-delete .slicer-icon{width:11px;height:11px}.slicer-frame-delete:disabled{opacity:.45;cursor:not-allowed}.slicer-resize-handle{background:oklch(100% 0 0);border:2px solid oklch(63% .14 252);border-radius:999px;width:9px;height:9px;position:absolute}.slicer-resize-handle.is-nw{cursor:nwse-resize;top:-5px;left:-5px}.slicer-resize-handle.is-ne{cursor:nesw-resize;top:-5px;right:-5px}.slicer-resize-handle.is-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.slicer-resize-handle.is-se{cursor:nwse-resize;bottom:-5px;right:-5px}.slicer-stage p{color:oklch(54% .026 76);margin:0;font-size:13px}.slicer-preview-stack{place-items:center;display:grid;position:relative}.slicer-sprite{background-image:var(--slicer-image);background-repeat:no-repeat;background-size:var(--slicer-bg-size);image-rendering:pixelated;transform:scale(var(--slicer-scale));transform-origin:50%;transition:transform var(--slicer-motion-fast) var(--slicer-motion-ease);will-change:transform}.slicer-sprite.is-onion{opacity:.26;filter:saturate(.75);transform:scale(var(--slicer-scale));position:absolute}.slicer-playback-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slicer-preview-controls{gap:8px;display:grid}.slicer-preview-controls label{color:oklch(42% .022 76);gap:7px;font-size:13px;font-weight:700;display:grid}.slicer-preview-controls label>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.slicer-preview-controls strong{color:oklch(54% .026 76);font:700 11px/1 var(--font-geist-mono),Courier New,Courier,monospace}.slicer-check-row{justify-content:flex-start;align-items:center;gap:8px;display:flex!important}.slicer-check-row input{width:16px;height:16px}.slicer-preview-export{margin-top:2px;padding-top:10px}.slicer-preview-editor,.slicer-preview-export{border-top:1px solid oklch(88% .01 84);display:grid}.slicer-preview-editor{gap:7px;padding-top:8px}.slicer-mini-editor-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.slicer-mini-editor-heading strong{color:oklch(34% .02 76);font:700 12px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif}.slicer-mini-editor-heading span{color:oklch(54% .026 76);font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace}.slicer-preview-export .ds-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.slicer-frame-editor,.slicer-frame-editor fieldset{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.slicer-frame-editor fieldset{background:oklch(98% .004 84);border:1px solid oklch(88% .01 84);min-width:0;margin:0;padding:10px}.slicer-frame-editor legend{color:oklch(54% .026 76);font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;padding:0 4px}.slicer-frame-editor label{color:oklch(42% .022 76);gap:6px;font-size:12px;font-weight:700;display:grid}.slicer-frame-editor .ds-input{min-height:34px;padding-inline:9px}.slicer-frame-editor.is-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.slicer-frame-editor.is-compact label{gap:4px;font-size:10px}.slicer-frame-editor.is-compact .ds-input{min-height:28px;padding-inline:6px;font-size:12px}.slicer-nudge-pad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.slicer-nudge-pad.is-compact{gap:6px}.slicer-nudge-pad.is-compact .slicer-icon-button{width:100%;min-width:0;min-height:30px}.slicer-filmstrip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.slicer-map-timeline{border-top:1px solid oklch(88% .01 84);gap:8px;padding-top:8px;display:grid}.slicer-keyboard-hints{color:oklch(54% .026 76);background:oklch(98% .004 84);border:1px solid oklch(88% .01 84);grid-template-columns:auto 1fr;align-items:center;gap:6px;padding:7px 8px;font-size:12px;display:grid}.slicer-keyboard-hints span{color:oklch(34% .02 76);grid-column:1/-1;font-weight:700}.slicer-keyboard-hints kbd{color:oklch(34% .02 76);font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;background:oklch(100% 0 0);border:1px solid oklch(84% .014 84);border-radius:4px;padding:3px 5px}.slicer-keyboard-hints small{font-size:11px}.slicer-shortcut-undo{justify-content:center;align-items:center;gap:7px;width:100%;display:inline-flex}.slicer-add-frame,.slicer-frame-card{width:112px;transition:border-color var(--slicer-motion-quick) var(--slicer-motion-ease),background var(--slicer-motion-quick) var(--slicer-motion-ease),box-shadow var(--slicer-motion-quick) var(--slicer-motion-ease),transform var(--slicer-motion-quick) var(--slicer-motion-ease);background:oklch(100% 0 0);border:1px solid oklch(88% .01 84);border-radius:8px;flex:none;gap:6px;padding:8px;display:grid}.slicer-frame-card.is-active{background:oklch(63% .14 252/.06);border-color:oklch(63% .14 252);box-shadow:0 0 0 2px oklch(63% .14 252/.1)}.slicer-frame-thumb{cursor:pointer;background:oklch(97% .006 84);border:1px solid oklch(88% .01 84);border-radius:6px;place-items:center;height:56px;display:grid;overflow:hidden}.slicer-frame-thumb span{width:min(var(--thumb-width),68px);height:min(var(--thumb-height),68px);background-image:var(--thumb-image);background-position:var(--thumb-position);background-repeat:no-repeat;background-size:var(--thumb-bg-size);image-rendering:pixelated;display:block}.slicer-frame-card strong{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;font-size:12px;line-height:1}.slicer-frame-card small{color:oklch(54% .026 76);font:500 10px/1.25 var(--font-geist-mono),Courier New,Courier,monospace}.slicer-frame-card div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.slicer-add-frame,.slicer-frame-card div button{color:oklch(42% .022 76);cursor:pointer;font:700 10px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(97% .006 84);border:1px solid oklch(86% .012 84);border-radius:6px}.slicer-frame-card div button{place-items:center;min-height:24px;display:grid}.slicer-frame-card div button:disabled{opacity:.42;cursor:not-allowed}.slicer-add-frame{border-style:dashed;place-items:center;min-height:146px}.slicer-code{color:oklch(24% .018 76);max-height:340px;font:500 12px/1.55 var(--font-geist-mono),Courier New,Courier,monospace;white-space:pre;animation:slicer-code-swap var(--slicer-motion-fast) var(--slicer-motion-ease);will-change:opacity,transform,filter;background:oklch(97% .006 84);border:1px solid oklch(88% .01 84);margin:0;padding:14px;overflow:auto}.slicer-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.slicer-actions .ds-button,.slicer-playback-controls .ds-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.slicer-resize-button{--slicer-label-width:auto;transition:border-color var(--slicer-motion-quick) var(--slicer-motion-ease),background var(--slicer-motion-quick) var(--slicer-motion-ease),color var(--slicer-motion-quick) var(--slicer-motion-ease),opacity var(--slicer-motion-quick) var(--slicer-motion-ease),transform var(--slicer-motion-quick) var(--slicer-motion-ease);flex:none}.slicer-swap-label{white-space:nowrap;min-width:0;transition:width var(--slicer-motion-fast) var(--slicer-motion-ease);justify-items:start;display:inline-grid;position:relative}.slicer-copy-action .slicer-swap-label{width:66px;overflow:hidden}.slicer-copy-action.is-copied .slicer-swap-label{width:48px}.slicer-swap-label span{opacity:1;filter:blur();transition:opacity var(--slicer-motion-quick) ease-in-out,filter var(--slicer-motion-quick) ease-in-out,transform var(--slicer-motion-quick) ease-in-out;will-change:opacity,filter,transform;grid-area:1/1;transform:translateY(0)}.slicer-swap-label .is-copied{opacity:0;filter:blur(2px);transform:translateY(4px)}.slicer-resize-button.is-copied .is-copy{opacity:0;filter:blur(2px);transform:translateY(-4px)}.slicer-resize-button.is-copied .is-copied{opacity:1;filter:blur();transform:translateY(0)}.slicer-resize-button:active{transform:scale(.98)}.slicer-export-panel .slicer-info-tooltip [role=tooltip]{top:calc(100% + 8px);bottom:auto;right:0}.slicer-export-modal{z-index:1200;opacity:0;pointer-events:none;transition:opacity var(--slicer-motion-fast) var(--slicer-motion-ease);background:oklch(0 0 0/.42);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.slicer-export-panel{opacity:0;width:min(860px,100%);max-height:min(760px,100vh - 40px);transform:scale(var(--slicer-modal-scale));transform-origin:50%;transition:opacity var(--slicer-motion-fast) var(--slicer-motion-ease),transform var(--slicer-motion-fast) var(--slicer-motion-ease),width var(--slicer-motion-fast) var(--slicer-motion-ease),max-height var(--slicer-motion-fast) var(--slicer-motion-ease);will-change:opacity,transform;background:oklch(100% 0 0);border:1px solid oklch(88% .01 84);gap:14px;padding:18px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 80px oklch(0 0 0/.22)}.slicer-export-modal.is-open{opacity:1;pointer-events:auto}.slicer-export-modal.is-open .slicer-export-panel{opacity:1;transform:scale(1)}.slicer-export-modal.is-closing{opacity:0;pointer-events:none;transition-duration:var(--slicer-motion-quick)}.slicer-export-modal.is-closing .slicer-export-panel{opacity:0;transform:scale(var(--slicer-modal-scale));transition-duration:var(--slicer-motion-quick)}.slicer-export-tabs button{transition:color var(--slicer-motion-fast) var(--slicer-motion-ease),background var(--slicer-motion-fast) var(--slicer-motion-ease),border-color var(--slicer-motion-fast) var(--slicer-motion-ease),box-shadow var(--slicer-motion-fast) var(--slicer-motion-ease),transform var(--slicer-motion-quick) var(--slicer-motion-ease)}.slicer-export-tabs button:active{transform:scale(.98)}.slicer-export-range{background:oklch(98% .004 84);border:1px solid oklch(88% .01 84);grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:8px;padding:10px;display:grid}.slicer-export-range label{color:oklch(42% .022 76);gap:5px;font-size:12px;font-weight:700;display:grid}.slicer-export-range .ds-input{min-height:32px}.slicer-export-range span{color:oklch(54% .026 76);font:700 11px/1 var(--font-geist-mono),Courier New,Courier,monospace;white-space:nowrap}.slicer-gif-preview{background-color:oklch(98.5% .003 84);background-image:linear-gradient(45deg,oklch(94% .006 84) 25%,#0000 0),linear-gradient(-45deg,oklch(94% .006 84) 25%,#0000 0),linear-gradient(45deg,#0000 75%,oklch(94% .006 84) 0),linear-gradient(-45deg,#0000 75%,oklch(94% .006 84) 0),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid oklch(88% .01 84);place-items:center;min-height:92px;display:grid;overflow:auto}@keyframes slicer-code-swap{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.slicer-add-frame,.slicer-code,.slicer-export-modal,.slicer-export-panel,.slicer-export-tabs button,.slicer-frame-box,.slicer-frame-card,.slicer-map-sheet,.slicer-resize-button,.slicer-sprite,.slicer-swap-label,.slicer-swap-label span,.tools-workspace,.web-tool-command-icon,.web-tool-item,.web-tool-link,.web-tools-section{transition:none!important;animation:none!important}}.tools-activity{background:oklch(100% 0 0);border:1px solid oklch(88% .01 84);padding:16px}.tools-activity h2{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:0 0 12px;font-size:14px}.tools-activity ul{color:oklch(48% .024 76);gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.tools-activity li:before{content:"";vertical-align:1px;background:oklch(54% .026 76);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.ds-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:stretch;gap:18px;display:grid}.ds-hero>div,.ds-section{background:oklch(100% 0 0);border:1px solid oklch(88% .01 84)}.ds-hero>div:first-child{align-content:end;gap:14px;min-height:280px;padding:18px;display:grid}.ds-hero h2,.ds-section-heading h2{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:0;line-height:1}.ds-hero h2{max-width:12ch;font-size:34px}.ds-component-grid p,.ds-hero p,.ds-section-heading p{color:oklch(48% .024 76);margin:0;font-size:13px;line-height:1.45}.ds-preview-card{align-content:center;gap:16px;padding:18px;display:grid}.ds-preview-tabs{background:oklch(96.8% .006 84);border:1px solid oklch(88% .01 84);border-radius:8px;gap:4px;padding:4px;display:flex}.ds-preview-actions button,.ds-preview-tabs button{color:oklch(34% .02 76);cursor:pointer;font:700 12px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(0 0 0/0);border:1px solid oklch(0 0 0/0);border-radius:6px}.ds-preview-tabs button{flex:1;padding:9px 10px}.ds-preview-tabs button.is-active{background:oklch(100% 0 0);border-color:oklch(88% .01 84);box-shadow:0 1px 2px oklch(0 0 0/.05)}.ds-preview-card label{color:oklch(42% .022 76);gap:8px;font-size:13px;font-weight:700;display:grid}.ds-preview-card input{color:oklch(24% .018 76);width:100%;font:inherit;background:oklch(100% 0 0);border:1px solid oklch(86% .012 84);border-radius:7px;padding:10px 11px}.ds-preview-card input:focus{border-color:oklch(63% .14 252);outline:3px solid oklch(63% .14 252/.16)}.ds-preview-actions{justify-content:end;gap:8px;display:flex}.ds-preview-actions button{background:oklch(100% 0 0);border-color:oklch(86% .012 84);padding:10px 12px}.ds-preview-actions button.is-primary{color:oklch(100% 0 0);background:oklch(24% .018 76);border-color:oklch(24% .018 76)}.ds-section{gap:16px;padding:18px;display:grid}.ds-section-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.ds-section-heading p{text-align:right;max-width:34ch}.ds-section-heading a{text-underline-offset:2px;text-decoration:underline}.ds-color-grid,.ds-component-grid,.ds-motion-grid{background:oklch(88% .01 84);border:1px solid oklch(88% .01 84);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid}.ds-color-grid article,.ds-component-grid article,.ds-motion-grid article{background:oklch(100% 0 0);align-content:end;gap:8px;min-height:128px;padding:12px;display:grid}.ds-swatch{border:1px solid oklch(88% .01 84);border-radius:6px;width:100%;height:42px}.ds-swatch.is-bg{background:oklch(100% 0 0)}.ds-swatch.is-fg{background:oklch(24% .018 76)}.ds-swatch.is-muted{background:oklch(54% .026 76)}.ds-swatch.is-border{background:oklch(88% .01 84)}.ds-swatch.is-accent{background:oklch(63% .14 252)}.ds-color-grid strong,.ds-component-grid span,.ds-motion-grid span{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;font-size:14px;line-height:1}.ds-motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-motion-grid article{min-height:112px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.ds-motion-grid article:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px oklch(63% .14 252/.22)}.ds-motion-grid p{color:oklch(48% .024 76);margin:0;font-size:13px;line-height:1.45}.ds-sound-lab{border:1px solid oklch(88% .01 84);grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.ds-sound-lab,.ds-sound-list{background:oklch(88% .01 84);gap:1px;display:grid}.ds-sound-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-sound-controls,.ds-sound-list button{background:oklch(100% 0 0)}.ds-sound-list button{color:oklch(24% .018 76);cursor:pointer;text-align:left;border:0;align-content:end;gap:8px;min-height:108px;padding:14px;transition:background .16s,box-shadow .16s,transform .16s;display:grid}.ds-sound-list button.is-active,.ds-sound-list button:focus-visible,.ds-sound-list button:hover{background:oklch(97% .012 84);outline:0;box-shadow:inset 0 0 0 1px oklch(63% .14 252/.28)}.ds-sound-list button:hover{transform:translateY(-1px)}.ds-sound-controls h3,.ds-sound-list span{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;line-height:1}.ds-sound-list span{font-size:14px;font-weight:700}.ds-sound-controls p,.ds-sound-list small{color:oklch(48% .024 76);font-size:13px;line-height:1.4}.ds-sound-controls{align-content:start;gap:16px;padding:16px;display:grid}.ds-sound-controls h3{margin:12px 0 8px;font-size:18px}.ds-sound-controls p{margin:0}.ds-sound-controls label{color:oklch(42% .022 76);grid-template-columns:78px minmax(0,1fr) 52px;align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.ds-sound-controls label span{color:oklch(54% .026 76);font:500 11px/1 var(--font-geist-mono),Courier New,Courier,monospace;text-align:right}.ds-sound-actions{justify-content:end;gap:8px;padding-top:4px;display:flex}.ds-color-grid code{color:oklch(54% .026 76);font:500 10px/1.25 var(--font-geist-mono),Courier New,Courier,monospace}.ds-specimen-grid{background:oklch(88% .01 84);border:1px solid oklch(88% .01 84);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.ds-specimen{background:oklch(100% 0 0);align-content:space-between;gap:24px;min-height:260px;padding:16px;display:grid}.ds-specimen-heading{gap:8px;display:grid}.ds-card-demo h4,.ds-specimen-heading h3{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:0;line-height:1}.ds-specimen-heading h3{font-size:14px}.ds-card-demo p,.ds-specimen-heading p,.ds-type-body{color:oklch(48% .024 76);margin:0;font-size:13px;line-height:1.45}.ds-button-row{flex-wrap:wrap;gap:8px;display:flex}.ds-button{color:oklch(24% .018 76);cursor:pointer;min-height:36px;font:700 12px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(100% 0 0);border:1px solid oklch(86% .012 84);border-radius:7px;padding:0 12px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}.ds-button:focus-visible,.ds-button:hover{border-color:oklch(76% .018 84);outline:3px solid oklch(63% .14 252/.14)}.ds-button:disabled{opacity:.45;cursor:not-allowed}.ds-button.is-primary{color:oklch(100% 0 0);background:oklch(24% .018 76);border-color:oklch(24% .018 76)}.ds-button.is-secondary{background:oklch(96.8% .006 84)}.ds-button.is-ghost{background:oklch(0 0 0/0);border-color:oklch(0 0 0/0)}.ds-button.is-danger{color:oklch(48% .15 29);border-color:oklch(58% .16 29)}.ds-input-stack{gap:12px;display:grid}.ds-input-stack label{color:oklch(42% .022 76);gap:7px;font-size:13px;font-weight:700;display:grid}.ds-input{color:oklch(24% .018 76);width:100%;min-height:38px;font:400 13px/1.2 var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(100% 0 0);border:1px solid oklch(86% .012 84);border-radius:7px;padding:0 11px}.ds-input:focus{border-color:oklch(63% .14 252);outline:3px solid oklch(63% .14 252/.16)}.ds-checkbox-row{align-items:center;gap:8px!important;font-weight:500!important;display:flex!important}.ds-checkbox-row input{accent-color:oklch(24% .018 76);width:15px;height:15px}.ds-range{accent-color:oklch(24% .018 76);width:100%}.ds-range:focus-visible{outline-offset:4px;outline:3px solid oklch(63% .14 252/.16)}.ds-slider-meta{color:oklch(54% .026 76);font:500 11px/1 var(--font-geist-mono),Courier New,Courier,monospace;justify-content:space-between;align-items:center;display:flex}.ds-radio-group{border:0;gap:8px;margin:0;padding:0;display:grid}.ds-radio-group legend{color:oklch(42% .022 76);margin:0 0 4px;font-size:13px;font-weight:700}.ds-radio-group label{color:oklch(34% .02 76);align-items:center;gap:8px;font-size:13px;display:flex}.ds-radio-group input{accent-color:oklch(24% .018 76);width:15px;height:15px}.ds-toggle-group{background:oklch(96.8% .006 84);border:1px solid oklch(88% .01 84);border-radius:8px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:inline-flex}.ds-toggle-group button{color:oklch(42% .022 76);cursor:pointer;min-height:34px;font:700 12px/1 var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(0 0 0/0);border:1px solid oklch(0 0 0/0);border-radius:6px;padding:0 11px}.ds-toggle-group button.is-active{color:oklch(24% .018 76);background:oklch(100% 0 0);border-color:oklch(88% .01 84);box-shadow:0 1px 2px oklch(0 0 0/.05)}.ds-switch-row{color:oklch(34% .02 76);justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:700;display:flex}.ds-switch{flex:none;width:44px;height:24px;position:relative}.ds-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ds-switch span{background:oklch(92% .01 84);border:1px solid oklch(84% .014 84);border-radius:999px;transition:background .16s,border-color .16s,box-shadow .16s;position:absolute;inset:0}.ds-switch span:before{content:"";background:oklch(100% 0 0);border-radius:999px;width:16px;height:16px;transition:transform .16s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 2px oklch(0 0 0/.16)}.ds-switch input:checked+span{background:oklch(24% .018 76);border-color:oklch(24% .018 76)}.ds-switch input:checked+span:before{transform:translate(20px)}.ds-switch input:focus-visible+span{box-shadow:0 0 0 3px oklch(63% .14 252/.16)}.ds-card-demo{background:oklch(99% .002 84);border:1px solid oklch(88% .01 84);border-radius:8px;justify-content:space-between;align-items:end;gap:16px;padding:14px;display:flex}.ds-card-demo h4{margin:12px 0 6px;font-size:14px}.ds-badge{color:oklch(42% .022 76);font:700 11px/1 var(--font-geist-mono),Courier New,Courier,monospace;background:oklch(96.8% .006 84);border:1px solid oklch(84% .014 84);border-radius:999px;padding:4px 6px;display:inline-grid}.ds-badge-row{flex-wrap:wrap;gap:8px;display:flex}.ds-badge.is-success{color:oklch(38% .08 150);background:oklch(95% .04 150);border-color:oklch(76% .08 150)}.ds-badge.is-warning{color:oklch(42% .08 76);background:oklch(96% .05 82);border-color:oklch(80% .09 82)}.ds-badge.is-danger{color:oklch(48% .15 29);background:oklch(96% .045 29);border-color:oklch(78% .1 29)}.ds-dialog-demo{background-color:oklch(96.8% .006 84);background-image:linear-gradient(45deg,oklch(0 0 0/.035) 25%,#0000 25% 50%,oklch(0 0 0/.035) 50% 75%,#0000 75%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid oklch(88% .01 84);border-radius:8px;place-items:center;min-height:190px;padding:18px;display:grid}.ds-dialog-box{background:oklch(100% 0 0);border:1px solid oklch(86% .012 84);border-radius:8px;gap:12px;width:min(100%,310px);padding:16px;display:grid;box-shadow:0 18px 42px oklch(0 0 0/.12)}.ds-dialog-box h4{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;margin:0;font-size:14px;line-height:1}.ds-dialog-box p{color:oklch(48% .024 76);margin:0;font-size:13px;line-height:1.45}.ds-tooltip-demo{justify-self:start;display:inline-grid;position:relative}.ds-tooltip-demo [role=tooltip]{color:oklch(100% 0 0);opacity:0;pointer-events:none;background:oklch(24% .018 76);border-radius:6px;width:max-content;max-width:220px;padding:7px 8px;font-size:12px;line-height:1;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.ds-tooltip-demo:focus-within [role=tooltip],.ds-tooltip-demo:hover [role=tooltip]{opacity:1;transform:translate(-50%)}.ds-type-stack{gap:10px;display:grid}.ds-type-stack p{margin:0}.ds-type-display{font-size:30px}.ds-type-display,.ds-type-title{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;font-weight:700;line-height:1}.ds-type-title{letter-spacing:-.03em;font-size:14px}.ds-type-mono{color:oklch(54% .026 76);font:500 12px/1 var(--font-geist-mono),Courier New,Courier,monospace}.portfolio-page{z-index:0;gap:var(--separator-size);width:min(660px,100%);padding:var(--separator-size);background:var(--line);flex-direction:column;margin:0 auto;transition:background .26s,box-shadow .26s;display:flex;position:relative}.portfolio-page:after,.portfolio-page:before{content:"";z-index:-1;opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:-7px}.portfolio-page:before{background:repeating-conic-gradient(from var(--disco-rotation,0deg),oklch(100% 0 0) 0deg 2.8deg,oklch(0 0 0/0) 2.8deg 8.5deg),conic-gradient(from var(--disco-rotation,0deg),oklch(91.31% .1865 100.41),oklch(69.08% .2823 338.07),oklch(73.69% .1582 235.85),oklch(89.27% .1685 174.88),oklch(91.31% .1865 100.41));background-blend-mode:screen,normal;filter:saturate(1.25);padding:7px;-webkit-mask-image:linear-gradient(oklch(0 0 0) 0 0),linear-gradient(oklch(0 0 0) 0 0);mask-image:linear-gradient(oklch(0 0 0) 0 0),linear-gradient(oklch(0 0 0) 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portfolio-page:after{border:1px solid oklch(100% 0 0/.12);box-shadow:0 0 18px oklch(73.69% .1582 235.85/.44),0 0 34px oklch(69.08% .2823 338.07/.3),inset 0 0 18px oklch(100% 0 0/.08)}.is-disco .portfolio-page{background:repeating-conic-gradient(from var(--disco-rotation,0deg),oklch(100% 0 0) 0deg 2.8deg,oklch(16.18% .018 285.11/0) 2.8deg 8.5deg),conic-gradient(from var(--disco-rotation,0deg),oklch(91.31% .1865 100.41),oklch(69.08% .2823 338.07),oklch(73.69% .1582 235.85),oklch(89.27% .1685 174.88),oklch(91.31% .1865 100.41));background-blend-mode:screen,normal;animation:disco-border-spin 3.2s linear infinite;box-shadow:0 0 48px oklch(0 0 0/.3)}.is-disco .portfolio-page:before{opacity:0;animation:none}.is-disco .portfolio-page:after{opacity:0}@property --disco-rotation{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes disco-border-spin{to{--disco-rotation:360deg}}.clock-panel{background:0 0;height:132px;position:relative;overflow:hidden}.led-clock{--dot-size:clamp(3px,.76vw,5px);--gap-size:1px;--led-hue:50;--led-light:97%;--led-chroma:.12;--led-off:oklch(100% 0 0/.07);--led-on:oklch(var(--led-light) var(--led-chroma) var(--led-hue));--led-glow:oklch(80% var(--led-chroma) var(--led-hue)/.5);--shimmer-opacity:.54;--shimmer-scale:.86;place-items:center;width:100%;height:100%;display:grid;position:relative}.led-bg-canvas{background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.led-clock:after{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(oklch(100% 0 0/.35) 1px,oklch(0 0 0/0) 0);background-size:3px 3px;position:absolute;inset:0}.led-clock-container{z-index:1;justify-content:center;align-items:center;gap:clamp(6px,1.25vw,14px);width:60%;display:flex;position:relative}.led-digit-group{gap:clamp(4px,.9vw,10px);display:flex}.led-digit{grid-template-columns:repeat(9,var(--dot-size));grid-template-rows:repeat(9,var(--dot-size));gap:var(--gap-size);display:grid}.led-dot{width:var(--dot-size);height:var(--dot-size);background-color:var(--led-off);border-radius:50%;transition:background .4s,box-shadow .4s,opacity .4s,transform .4s}.led-dot.active{background-color:var(--led-on);box-shadow:0 0 calc(var(--dot-size) * 1.5) var(--led-glow),0 0 calc(var(--dot-size) * 4) oklch(70% var(--led-chroma) var(--led-hue)/.4);animation:shimmer var(--shimmer-speed) ease-in-out infinite alternate}.led-separator{gap:calc(var(--dot-size) * 3);flex-direction:column;animation:led-blink 1s step-start infinite;display:flex}@keyframes shimmer{0%{opacity:var(--shimmer-opacity);transform:scale(var(--shimmer-scale))}to{opacity:1;transform:scale(1.1)}}@keyframes led-blink{50%{opacity:.12}}.intro-reveal{isolation:isolate;position:relative}.intro-profile{z-index:0;object-fit:cover;object-position:50% 22%;opacity:0;transform-origin:50% 100%;pointer-events:none;width:58px;height:78px;transition:opacity .18s,transform .26s cubic-bezier(.16,1,.3,1);display:block;position:absolute;bottom:18px;left:12px;transform:translate(18px)rotate(22deg)scale(.92)}.intro-reveal:focus-within .intro-profile,.intro-reveal:hover .intro-profile{opacity:1;transform:translate(-34px)rotate(-11deg)scale(1)}.intro-panel{z-index:1;background:#fffcf8;justify-content:space-between;align-items:end;gap:24px;min-height:130px;padding:14px;display:flex;position:relative}.intro-panel h1{color:oklch(43.4% .0278 75.47);margin:0;font-size:16px;font-weight:600;line-height:1}.intro-panel p{color:oklch(57.04% .0369 83.6);margin:4px 0 0;font-size:14px}.title-sub{font-family:var(--font-geist-mono),"Courier New",Courier,monospace;color:oklch(56.29% .0366 91.8);letter-spacing:5%;flex:none;font-size:10px}.section-marquee{color:oklch(44.92% .0197 79.22/.055);white-space:nowrap;align-content:center;font-weight:900;display:grid;position:relative;overflow:hidden}.work-marquee{background:oklch(100% 0 0);height:78px;font-size:36px;line-height:.74}.marquee-field{transform-origin:50%;align-content:center;gap:2px;display:grid;position:absolute;inset:-36px -84px;transform:rotate(-7deg)}.marquee-track{will-change:transform;gap:.42em;width:max-content;display:flex}.marquee-track span{flex:none}.marquee-left{animation:marquee-left 18s linear infinite}.marquee-right{animation:marquee-right 20s linear infinite}@keyframes marquee-left{0%{translate:0}to{translate:calc(-50% - .21em)}}@keyframes marquee-right{0%{translate:calc(-50% - .21em)}to{translate:0}}.project-card{gap:var(--separator-size);display:grid}.project-topline{color:oklch(100% 0 0);justify-content:space-between;align-items:end;gap:20px;min-height:80px;padding:16px;transition:color .18s,filter .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 16px oklch(100% 0 163/.5354)}.project-topline-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.project-topline a{color:oklch(50.02% .0289 298.06);font-size:14px;font-weight:700}.project-topline span{z-index:1;color:oklch(100% 0 0);position:relative}.project-topline .title-link:after{content:"  ↗";opacity:0;transition:opacity .18s,transform .18s;display:inline-block;transform:translate(-4px,2px)rotate(-33deg)}.project-topline:focus-visible .title-link:after,.project-topline:hover .title-link:after{opacity:1;transform:translate(0)rotate(0)}.project-topline:focus-visible,.project-topline:hover{outline:1px solid oklch(0 0 0/.05);box-shadow:inset 0 0 2px oklch(100% 0 0),inset 0 0 24px 2px oklch(100% 0 0/.74),0 0 34px oklch(84.65% .1457 208.7/.38)}p{text-wrap:pretty}.project-copy{color:oklch(52.01% .0177 315.9);background:oklch(83.8% .114 313.04/.15);padding:16px;font-size:12px;line-height:1.55}.project-copy p{max-width:470px;margin:0}.project-tools{flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:0;list-style:none;display:flex}.project-tools li{color:oklch(49.55% .0508 291.59);font-family:var(--font-geist-mono),"Courier New",Courier,monospace;background:oklch(100% 0 0/.46);border:1px solid oklch(49.55% .0508 291.59/.18);border-radius:999px;padding:2px 7px;font-size:10px;line-height:1.3}.visual-grid{gap:var(--separator-size);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.visual-tile{aspect-ratio:1280/696;background:oklch(100% 0 0);margin:0;position:relative;overflow:hidden}.visual-tile:focus-visible{outline-offset:-2px;outline:2px solid oklch(49.55% .0508 291.59/.45)}.tile-art{overflow:hidden}.tile-art,.tile-video{position:absolute;inset:0}.tile-video{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .18s,transform .26s;display:block}.visual-tile.has-video:focus-visible .tile-video,.visual-tile.has-video:hover .tile-video{opacity:1;transform:scale(1.015)}.visual-tile.has-video{cursor:zoom-in}.visual-tile figcaption{z-index:1;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.video-modal{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(7% .01 280/.72);justify-content:center;align-items:center;width:100vw;min-height:100dvh;padding:24px;animation:video-modal-backdrop-in .22s both;display:flex;position:fixed;inset:0}.video-modal-panel{will-change:transform,opacity;flex-direction:column;width:min(100%,1040px);max-height:min(86dvh,720px);animation:video-modal-panel-in .22s both;display:flex;position:relative;overflow:visible}.video-modal-frame{box-shadow:0 18px 70px oklch(0 0 0/.32)}.video-modal.is-closing{animation:video-modal-backdrop-out .18s both}.video-modal.is-closing .video-modal-panel{animation:video-modal-panel-out .18s both}.video-modal-player{width:100%;max-height:min(78dvh,660px);display:block}.video-modal-caption{color:oklch(100% 0 0);text-align:center;text-shadow:0 1px 2px oklch(0 0 0/.38);margin:10px 0 0;font-size:13px;font-weight:600;line-height:1.2}@keyframes video-modal-backdrop-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:oklch(7% .01 280/0)}}@keyframes video-modal-panel-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes video-modal-backdrop-out{to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:oklch(7% .01 280/0)}}@keyframes video-modal-panel-out{to{opacity:0;transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){.video-modal,.video-modal-panel{animation:none}}@media (max-width:760px){.video-modal{padding:12px}.video-modal-panel,.video-modal-player{max-height:82dvh}}.tile-home .tile-art{background:linear-gradient(oklch(100% 0 0) 0 34%,oklch(0 0 0/0) 34%),radial-gradient(circle at 28% 56%,oklch(65.4% .1956 287.43) 0 16%,oklch(0 0 0/0) 17%),radial-gradient(circle at 47% 56%,oklch(67.41% .1856 289.68) 0 16%,oklch(0 0 0/0) 17%),radial-gradient(circle at 66% 56%,oklch(70.05% .1729 292.8) 0 16%,oklch(0 0 0/0) 17%),linear-gradient(oklch(100% 0 0),oklch(95.63% .0191 299.07) 45%,oklch(100% 0 0))}.tile-home .tile-art:after{content:"";background:linear-gradient(90deg,oklch(62.36% .1917 286.32),oklch(77.43% .126 292.49));border-radius:10px 10px 0 0;height:86px;position:absolute;bottom:28px;left:66px;right:66px}.tile-review .tile-art{background:radial-gradient(circle at 42% 22%,oklch(80.68% .1432 131.98) 0 15%,oklch(0 0 0/0) 16%),radial-gradient(circle at 29% 33%,oklch(68.77% .1707 284) 0 20%,oklch(0 0 0/0) 21%),linear-gradient(90deg,oklch(92.86% .0378 309.59) 0 55%,oklch(92.94% .0477 312.97) 55% 100%)}.tile-review .tile-art:after{content:"";background:oklch(100% 0 0);border-radius:18px;width:84px;height:84px;position:absolute;top:84px;right:42px;box-shadow:-28px 34px oklch(87.1% .0583 325.16),18px -60px oklch(88.05% .0453 177.11)}.tile-customers .tile-art{background:linear-gradient(oklch(58.35% .2396 285.68),oklch(62.53% .2181 289.98) 52%,oklch(51.54% .2248 285.92))}.tile-customers .tile-art:before{content:"The world's leading brands grow pipeline with Piper.";text-align:center;color:oklch(100% 0 0);font-size:13px;font-weight:700;position:absolute;top:24px;left:54px;right:54px}.tile-customers .tile-art:after{content:"";background:linear-gradient(90deg,oklch(100% 0 0/.12),oklch(100% 0 0/.32));border:1px solid oklch(100% 0 0/.38);border-radius:10px;height:82px;position:absolute;bottom:24px;left:42px;right:42px}.tile-university .tile-art{background:radial-gradient(circle at 17% 38%,oklch(85.82% .0642 59.08) 0 13%,oklch(0 0 0/0) 14%),radial-gradient(circle at 77% 36%,oklch(84.81% .0696 51.58) 0 13%,oklch(0 0 0/0) 14%),linear-gradient(oklch(100% 0 0),oklch(95.68% .025 303.49) 72%)}.tile-university .tile-art:after{content:"";background:radial-gradient(circle at 18%,oklch(90.29% .0586 230.37) 0 13%,oklch(0 0 0/0) 14%),radial-gradient(circle at 48%,oklch(92.46% .0845 86.39) 0 13%,oklch(0 0 0/0) 14%),radial-gradient(circle at 78%,oklch(78.67% .1203 294.27) 0 13%,oklch(0 0 0/0) 14%),oklch(93.01% .0366 292.48);border-radius:12px;height:70px;position:absolute;bottom:26px;left:50px;right:50px}.tile-plus .tile-art{background:linear-gradient(oklch(21.94% .0763 273.01/.84),oklch(21.94% .0763 273.01/.84)),radial-gradient(circle,oklch(40.01% .0728 270.74) 0 22%,oklch(21.94% .0763 273.01) 60%)}.tile-plus .tile-art:after{content:"Qualified+ Learn from the best in B2B marketing";color:oklch(100% 0 0);font-size:17px;font-weight:700;line-height:1.2;position:absolute;top:58px;left:60px;right:86px}.tile-calculator .tile-art{background:linear-gradient(oklch(61.75% .2064 293.53),oklch(65.9% .1963 294.92))}.tile-calculator .tile-art:before{content:"Turn your website into a pipeline generation machine";text-align:center;color:oklch(100% 0 0);font-size:17px;font-weight:700;line-height:1.1;position:absolute;top:28px;left:58px;right:58px}.tile-calculator .tile-art:after{content:"";background:oklch(100% 0 0);border-radius:10px 10px 0 0;height:92px;position:absolute;bottom:0;left:62px;right:62px;box-shadow:inset 0 0 0 1px oklch(91.68% .0415 299.27)}.notes{color:oklch(57.34% .0281 81.02)}.freelance-list,.notes{gap:var(--separator-size);display:grid}.freelance-row{color:oklch(100% 0 0);background:linear-gradient(100deg,oklch(42.78% .1215 284.81),oklch(97.97% .0026 286.35));border-radius:0;justify-content:space-between;align-items:end;min-height:80px;padding:16px;transition:color .18s,filter .18s,box-shadow .18s;display:flex;box-shadow:inset 0 0 0 1px oklch(0 0 0/0)}.freelance-url{font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;letter-spacing:-.03em;font-size:14px;font-weight:700;line-height:1}.freelance-row:nth-child(2){background:linear-gradient(100deg,oklch(22.66% .1317 264.01),oklch(98.86% .0026 286.35))}.freelance-row:nth-child(3){background:linear-gradient(100deg,oklch(0 0 0),oklch(98.51% 0 0))}.freelance-row:focus-visible,.freelance-row:hover{filter:saturate(1.08);box-shadow:inset 0 0 2px oklch(100% 0 0),inset 0 0 16px oklch(100% 0 0/.54)}.freelance-row:focus-visible{outline-offset:-2px;outline:2px solid oklch(44.24% .0284 73.16/.55)}.freelance-url:after{content:"  ↗";opacity:0;transition:opacity .18s,transform .18s;display:inline-block;transform:translate(-4px,2px)rotate(-33deg)}.freelance-row:focus-visible .freelance-url:after,.freelance-row:hover .freelance-url:after{opacity:1;transform:translate(0)rotate(0)}.experiments-list{gap:var(--separator-size);display:grid}.experiment-row{background:radial-gradient(circle at 16% 0,var(--experiment-accent-soft),oklch(0 0 0/0) 42%),linear-gradient(0deg,oklch(100% .00011 271.152),oklch(96.416% .00011 271.152));color:oklch(0 0 0);justify-content:space-between;align-items:end;gap:20px;min-height:80px;padding:16px;text-decoration:none;transition:box-shadow .18s,filter .18s;display:flex;position:relative;box-shadow:inset 0 0 oklch(0 0 0/.04)}.experiment-row-green{--experiment-accent:oklch(69% .16 145);--experiment-accent-soft:oklch(87% .12 145/.72)}.experiment-row-blue{--experiment-accent:oklch(66% .16 245);--experiment-accent-soft:oklch(82% .12 245/.72)}.experiment-row:focus-visible,.experiment-row:hover{box-shadow:inset 0 0 2px 0 oklch(100% 0 0),inset 0 0 18px 2px oklch(100% 0 0/.72),inset 0 0 38px 0 var(--experiment-accent-soft);filter:brightness(1.02)}.experiment-row:focus-visible{outline:2px solid var(--experiment-accent);outline-offset:-2px}.experiment-main{min-width:0;display:flex}.experiment-status{background:var(--experiment-accent-soft);color:oklch(0 0 0);font-family:var(--font-geist-mono),"Courier New",Courier,monospace;border-radius:2px;flex:none;padding:4px 6px;font-size:10px;line-height:1}.experiment-title{min-width:0;font-family:var(--font-inclusive-sans),var(--font-geist),Arial,Helvetica,sans-serif;letter-spacing:-.03em;font-size:14px;font-weight:500;line-height:1}.experiment-copy{gap:4px;min-width:0;display:grid}.experiment-description{color:oklch(39% .026 75/.72);font-size:12px;font-weight:400;line-height:1.2}.message-marquee{color:oklch(44.92% .0197 79.22/.052);background:oklch(100% 0 0);height:78px;font-size:36px;line-height:.74}.reaction-strip{--reaction-max-size:41px;--reaction-counter-space:12px;min-height:calc(var(--reaction-max-size) + var(--reaction-counter-space) + 28px);padding:calc(var(--reaction-counter-space) + 8px) 16px 16px;background:linear-gradient(oklch(64.065% .19745 252.99/.616),oklch(89.035% .17384 171.294/.692));font-size:21px;position:relative;overflow:hidden}.reaction-list{justify-content:center;align-items:end;gap:2px;width:100%;min-width:0;display:flex}.reaction-button{--reaction-scale:1;--reaction-hover-lift:0px;--reaction-hover-boost:1;--reaction-slot-size:24px;flex:0 0 var(--reaction-slot-size);width:var(--reaction-slot-size);min-width:0;max-width:var(--reaction-slot-size);height:calc(var(--reaction-max-size) + var(--reaction-counter-space));color:inherit;cursor:pointer;font:inherit;background:oklch(0 0 0/0);border:0;place-items:end center;padding:0;display:grid;position:relative}.reaction-button:disabled{cursor:default}.reaction-button:focus-visible{outline-offset:2px;outline:1px solid oklch(53.62% .0418 72.07/.5)}.reaction-button:focus-visible,.reaction-button:not(:disabled):hover{--reaction-hover-lift:-2px;--reaction-hover-boost:1.08}.reaction-emoji{transform:translateY(var(--reaction-hover-lift)) scale(calc(var(--reaction-scale) * var(--reaction-hover-boost)));transform-origin:50% 100%;transition:transform .22s,filter .18s,opacity .18s;display:block}.reaction-button:focus-visible .reaction-emoji,.reaction-button:not(:disabled):hover .reaction-emoji,.reaction-button[aria-pressed=true] .reaction-emoji{filter:saturate(1.16)}.reaction-count{z-index:1;color:oklch(53.62% .0418 72.07);font-family:var(--font-geist-mono),"Courier New",Courier,monospace;will-change:opacity,transform;background:oklch(92.28% .0268 80.25);border-radius:2px;padding:1px 4px;font-size:10px;line-height:1.1;transition:opacity .18s,transform .22s cubic-bezier(.16,1,.3,1);animation:reaction-count-pop .24s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes reaction-count-pop{0%{opacity:0;transform:translate(-50%)translateY(4px)scale(.78)}68%{opacity:1;transform:translate(-50%)translateY(-1px)scale(1.08)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.message-grid{gap:var(--separator-size);grid-template-columns:repeat(2,minmax(0,1fr));height:215px;max-height:215px;display:grid}.chat-card,.people-card{flex-direction:column;justify-content:end;align-items:start;padding:16px;display:flex}.people-card{background:linear-gradient(oklch(99.38% .0013 106.42),oklch(92.9% .0381 295.47))}.people-card h2{color:oklch(50.97% .0569 293.19);margin:0 0 8px;font-size:14px;font-weight:700}.people-card ul{color:oklch(54.92% .039 296.09);margin:0;padding:0 0 0 6px;font-size:12px;line-height:1.45;list-style:none}.people-card li:before{content:"";vertical-align:1px;background:oklch(54.92% .039 296.09);border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.people-link{text-underline-offset:2px;-webkit-text-decoration:underline oklch(0 0 0/0);text-decoration:underline oklch(0 0 0/0);transition:color .18s,text-decoration-color .18s}.people-link:after{content:"  ↗";opacity:0;transition:opacity .18s,transform .18s;display:inline-block;transform:translate(-4px,2px)rotate(-33deg)}.people-link:focus-visible,.people-link:hover{color:oklch(47.41% .0628 294.47);text-decoration-color:currentColor}.people-link:focus-visible:after,.people-link:hover:after{opacity:1;transform:translate(0)rotate(0)}.people-link:focus-visible{outline-offset:2px;outline:1px solid oklch(50.97% .0569 293.19/.45)}.chat-card{background:linear-gradient(oklch(99.59% .0093 99.98),oklch(98.1% .0187 83.06));height:215px;max-height:215px;position:relative;overflow:hidden}.chat-card:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(oklch(99.59% .0093 99.98),oklch(99.59% .0093 99.98/0));height:36px;position:absolute;top:0;left:0;right:0}.message-history{overscroll-behavior:contain;scrollbar-color:oklch(73% .045 82/.5) oklch(100% 0 0/0);scrollbar-width:thin;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;width:100%;min-height:0;max-height:100%;padding-top:18px;padding-right:4px;transition:opacity .22s,transform .22s;display:flex;overflow-y:auto}.message-history::-webkit-scrollbar{width:7px}.message-history::-webkit-scrollbar-track{background:oklch(100% 0 0/0)}.message-history::-webkit-scrollbar-thumb{background:oklch(73% .045 82/.5) padding-box padding-box;border:2px solid oklch(0 0 0/0);border-radius:999px}.message-history::-webkit-scrollbar-thumb:hover{background:oklch(60% .052 76/.7) padding-box padding-box}.message-history:before{content:"";flex:none;margin-top:auto}.message-history.is-syncing{opacity:.86}.message-history.is-synced{opacity:1}.bubble{border:1px solid var(--message-border);background:var(--message-bg);width:fit-content;max-width:75%;color:var(--message-color);will-change:opacity,transform;border-radius:4px;margin-bottom:10px;padding:4px 8px;font-size:12px;font-weight:400;line-height:1.35;transition:background .18s,border-color .18s,color .18s,transform .18s;animation:message-bubble-in .22s ease-out both}@keyframes message-bubble-in{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.incoming{border-radius:4px 4px 4px 0}.outgoing{border-radius:4px 4px 0;align-self:end}.message-form{grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:6px;width:100%;display:grid}.message-input{color:oklch(67.25% .027 75.15);background:oklch(92.99% .0189 83.06);border:0;border-radius:6px;width:100%;height:24px;padding:5px 8px;font-size:12px}.message-input:focus-visible,.message-submit:focus-visible{outline-offset:2px;outline:1px solid oklch(53.62% .0418 72.07/.5)}.message-submit{color:oklch(55.55% .0314 75.96);cursor:pointer;min-width:56px;height:24px;font:600 11px/1 var(--font-geist),Arial,Helvetica,sans-serif;white-space:nowrap;background:oklch(92.65% .0194 72.57);border:0;border-radius:6px;padding:0 8px;transition:background .18s,color .18s,filter .18s,transform .18s}.message-submit:hover:not(:disabled){color:oklch(92.65% .0194 72.57);filter:saturate(1.08);background:oklch(55.55% .0314 75.96)}.message-submit:disabled{cursor:default;opacity:.58}.message-meter{color:oklch(67.25% .027 75.15);font:600 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;text-align:right}.message-feedback{color:oklch(50.15% .0876 28.09);grid-column:1/-1;min-height:14px;margin:-2px 0 0;font-size:11px;line-height:1.25}.message-sent{color:oklch(67.25% .027 75.15);background:oklch(92.99% .0189 83.06);border-radius:6px;width:100%;margin:0;padding:6px 8px;font-size:12px}@media (prefers-reduced-motion:reduce){.bubble,.reaction-count{animation:none}.boxing-score,.emoji-canvas,.emoji-field h2,.intro-profile,.message-history,.photo-card figcaption,.photo-card img,.reaction-count,.reaction-emoji{transition:none}.intro-reveal:focus-within .intro-profile,.intro-reveal:hover .intro-profile{transform:translate(-34px)rotate(-8deg)scale(1)}.reaction-button:focus-visible,.reaction-button:not(:disabled):hover{--reaction-hover-lift:0px;--reaction-hover-boost:1}.emoji-field:focus-within .boxing-score,.emoji-field:focus-within .emoji-canvas,.emoji-field:focus-within h2,.emoji-field:hover .boxing-score,.emoji-field:hover .emoji-canvas,.emoji-field:hover h2{transform:none}.footer-logo:focus-visible .footer-logo-letter,.footer-logo:focus-visible .footer-logo-sparkles span,.footer-logo:focus-visible .footer-logo-svg,.footer-logo:hover .footer-logo-letter,.footer-logo:hover .footer-logo-sparkles span,.footer-logo:hover .footer-logo-svg,.is-disco .portfolio-page,.penguin-animator,.penguin-follower,.photo-carousel-track{animation:none}.footer-logo:focus-visible .footer-logo-letter,.footer-logo:hover .footer-logo-letter{transform:scale(1.04)}}.testimonial-grid{gap:var(--separator-size);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.testimonial{background:oklch(99.38% .0013 106.42);min-height:215px;margin:0}.intro-paragraph,.testimonial{align-items:end;padding:16px;display:flex}.intro-paragraph{background:oklch(100% 0 0);min-height:205px;font-size:12px;position:relative;overflow:hidden}.intro-paragraph:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(45deg,#0000 0 8px,#0000000d 8px 9px);background-size:10px 10px;height:24px;position:absolute;inset:0 0 auto}.intro-paragraph p{z-index:1;max-width:46ch;position:relative}.testimonial-content{filter:blur();transition:opacity .32s,transform .32s,filter .32s}.testimonial-content.is-fading{opacity:0;filter:blur(2px);transform:translateY(-6px)}.testimonial p{text-wrap:pretty;color:oklch(41.38% .0013 17.21);margin:0 0 12px;font-size:12px;font-weight:700;line-height:1.45}.testimonial footer{color:oklch(56.93% 0 0);gap:2px;font-size:12px;line-height:1.35;display:grid}.life-section{gap:var(--separator-size);display:grid}.about-marquee{background:oklch(100% 0 0);height:78px;font-size:36px;line-height:.74}.emoji-field{cursor:pointer;background:linear-gradient(6deg,oklch(99.38% .0013 106.42/.71) 4.5%,oklch(100% 0 0/.71) 95.41%),radial-gradient(76.94% 100.01% at 50% 0,oklch(95.37% .0734 94.87/.54) 0,oklch(82.5% .101 236.59/.54) 100%);min-height:220px;position:relative;overflow:hidden}.emoji-field.has-reached-goal{background:radial-gradient(circle at 18% 18%,oklch(91.31% .1865 100.41/.42),oklch(100% 0 0/0) 34%),radial-gradient(circle at 78% 24%,oklch(84.65% .1457 208.7/.36),oklch(100% 0 0/0) 38%),linear-gradient(148deg,oklch(98.5% .025 110/.92),oklch(95.4% .045 178/.86) 52%,oklch(96.6% .04 305/.82))}.emoji-field:after{content:"";pointer-events:none;border:1px solid oklch(100% 0 0/0);position:absolute;inset:10px}.emoji-field.has-reached-goal:after{animation:emoji-goal-ring 1.2s ease-out}.emoji-canvas{cursor:pointer;transform-origin:50%;will-change:transform;width:100%;height:100%;transition:transform .26s,filter .22s;display:block;position:absolute;inset:0;transform:scale(1)}.emoji-field:focus-within .emoji-canvas,.emoji-field:hover .emoji-canvas{filter:saturate(1.08);transform:scale(1.012)}.emoji-field:focus-within .boxing-score,.emoji-field:focus-within h2,.emoji-field:hover .boxing-score,.emoji-field:hover h2{transform:translateY(-1px)}.emoji-field h2{color:oklch(49.55% .0508 291.59);margin:0;font-size:14px;font-weight:600;line-height:1;transition:transform .18s;left:16px}.boxing-score,.emoji-field h2{z-index:1;position:absolute;bottom:16px}.boxing-score{color:oklch(45.36% .0398 266.46);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-geist-mono),"Courier New",Courier,monospace;background:oklch(88.5% .018 240.02/.72);border-radius:2px;padding:1px 6px;font-size:12px;font-weight:700;transition:transform .18s,background .18s;right:16px}.emoji-field.has-reached-goal .boxing-score{color:oklch(28% .05 95);background:oklch(91.31% .1865 100.41/.72)}@keyframes emoji-goal-ring{0%{border-color:oklch(100% 0 0/.9);transform:scale(.98);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.72),inset 0 0 32px oklch(100% 0 0/.62),0 0 oklch(91.31% .1865 100.41/0)}to{border-color:oklch(100% 0 0/0);transform:scale(1.03);box-shadow:inset 0 0 0 1px oklch(100% 0 0/0),inset 0 0 32px oklch(100% 0 0/0),0 0 26px oklch(91.31% .1865 100.41/0)}}.photo-carousel{width:100%;min-height:150px;overflow:hidden}.photo-carousel-track{gap:var(--separator-size);will-change:transform;width:max-content;animation:photo-carousel-scroll 22s linear infinite;display:flex}.photo-carousel:focus-within .photo-carousel-track,.photo-carousel:hover .photo-carousel-track{animation-play-state:paused}@keyframes photo-carousel-scroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--separator-size) * 1.5)))}}.photo-card{background:oklch(89.53% .0086 145.5);outline:0;flex:0 0 clamp(190px,33.333vw,233px);min-height:150px;margin:0;position:relative;overflow:hidden}.photo-card img{object-fit:cover;opacity:.58;width:100%;height:150px;transition:opacity .22s,transform .22s,filter .22s;display:block;transform:scale(1.01)}.photo-card:focus-visible img,.photo-card:hover img{opacity:1;filter:saturate(1.08);transform:scale(1.04)}.photo-card figcaption{z-index:1;color:oklch(99.39% .0082 91.48);max-width:calc(100% - 18px);font:600 11px/1.2 var(--font-geist),Arial,Helvetica,sans-serif;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:oklch(22.49% .0075 106.99/.56);border-radius:3px;padding:3px 6px;transition:opacity .18s,transform .18s;position:absolute;bottom:8px;left:9px;transform:translateY(4px)}.photo-card:focus-visible figcaption,.photo-card:hover figcaption{opacity:1;transform:translateY(0)}.is-disco .about-marquee,.is-disco .intro-panel,.is-disco .intro-paragraph,.is-disco .message-marquee,.is-disco .site-footer,.is-disco .visual-tile,.is-disco .work-marquee{color:oklch(91.72% .0177 299.04);background:#0f0c1a}.is-disco .section-marquee{background:#0f0c1a}.is-disco .intro-panel h1,.is-disco .intro-panel p,.is-disco .intro-paragraph p,.is-disco .music-copy,.is-disco .music-copy span,.is-disco .site-footer{color:oklch(91.72% .0177 299.04)}.is-disco .section-marquee{color:oklch(100% 0 0/.085)}.is-disco .intro-paragraph:before{background-image:repeating-linear-gradient(45deg,oklch(100% 0 0/.08) 0 1px,oklch(0 0 0/0) 1px 10px)}.is-disco .project-copy{color:oklch(87.98% .0284 300.96);background:oklch(22.67% .0464 292.54)}.is-disco .project-tools li{color:oklch(92.29% .058 208.17);background:oklch(100% 0 0/.08);border-color:oklch(84.65% .1457 208.7/.34)}.is-disco .emoji-field,.is-disco .reaction-strip{background:radial-gradient(circle at 16% 22%,oklch(69.08% .2823 338.07/.26),oklch(0 0 0/0) 38%),radial-gradient(circle at 82% 24%,oklch(89.27% .1685 174.88/.24),oklch(0 0 0/0) 36%),oklch(16.47% .0286 281.52)}.is-disco .emoji-field.has-reached-goal{background:radial-gradient(circle at 18% 18%,oklch(91.31% .1865 100.41/.3),oklch(0 0 0/0) 34%),radial-gradient(circle at 82% 24%,oklch(84.65% .1457 208.7/.28),oklch(0 0 0/0) 38%),oklch(18.8% .038 286.75)}.is-disco .chat-card,.is-disco .people-card,.is-disco .testimonial{color:oklch(86.02% .0205 296.59);background:oklch(19.43% .0302 286.75)}.is-disco .chat-card:before{background:linear-gradient(oklch(19.43% .0302 286.75),oklch(19.43% .0302 286.75/0))}.is-disco .people-card h2,.is-disco .people-card ul,.is-disco .testimonial footer,.is-disco .testimonial p{color:oklch(86.02% .0205 296.59)}.is-disco .message-input,.is-disco .message-sent,.is-disco .message-submit,.is-disco .reaction-count{color:oklch(88.51% .018 294.7);background:oklch(26.33% .0339 287.16)}.site-footer{color:oklch(57.08% .0243 76.38);text-align:center;background:oklch(100% 0 0);align-content:start;justify-items:center;gap:12px;min-height:246px;padding:28px 16px 18px;font-size:11px;display:grid}.site-footer a:hover{text-decoration:underline}.site-footer p{margin:0 0 82px}.coming-soon{justify-content:center;align-items:baseline;gap:0;display:inline-flex}.coming-soon-dots{width:1em;display:inline-flex}.coming-soon-dots span{opacity:0;animation:coming-soon-dots 1.2s step-end infinite}@keyframes coming-soon-dots{0%,24%{opacity:0}25%,to{opacity:1}}.coming-soon-dots span:nth-child(2){animation-delay:.4s}.coming-soon-dots span:nth-child(3){animation-delay:.8s}.footer-logo{width:64px;height:64px;color:inherit;cursor:pointer;isolation:isolate;background:oklch(0 0 0/0);border:0;place-items:center;padding:0;display:grid;position:relative}.footer-logo:focus-visible{outline-offset:4px;outline:2px solid oklch(84.65% .1457 208.7/.72)}.footer-logo[aria-pressed=true] .footer-logo-svg{filter:drop-shadow(0 0 12px oklch(89.27% .1685 174.88/.74))}.footer-logo-svg{filter:none;width:31px;height:auto;display:block;overflow:visible}.footer-logo-letter{transform-box:fill-box;transform-origin:50% 58%;will-change:transform;transition:transform .18s,opacity .18s}.footer-logo-stop{transition:stop-color .18s}.footer-logo-stop-one{stop-color:oklch(91.31% .1865 100.41)}.footer-logo-stop-two{stop-color:oklch(79.38% .1429 162.94)}.footer-logo-stop-three{stop-color:oklch(91.84% .1899 126.24)}.footer-logo-border{stroke:oklch(0 0 0/.08);transition:stroke .18s}.footer-logo:focus-visible .footer-logo-svg,.footer-logo:hover .footer-logo-svg{filter:none}.footer-logo:focus-visible .footer-logo-letter,.footer-logo:hover .footer-logo-letter{animation:footer-logo-dance .7s step-end infinite}.footer-logo:focus-visible .footer-logo-stop-one,.footer-logo:hover .footer-logo-stop-one{animation:footer-logo-color-one .82s step-end infinite}.footer-logo:focus-visible .footer-logo-stop-two,.footer-logo:hover .footer-logo-stop-two{animation:footer-logo-color-two .82s step-end infinite}.footer-logo:focus-visible .footer-logo-stop-three,.footer-logo:hover .footer-logo-stop-three{animation:footer-logo-color-three .82s step-end infinite}.footer-logo:focus-visible .footer-logo-border,.footer-logo:hover .footer-logo-border{stroke:oklch(79.38% .1429 162.94/.28)}.footer-logo-sparkles{pointer-events:none;position:absolute;inset:0}.footer-logo-sparkles span{opacity:0;color:oklch(91.31% .1865 100.41);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:oklch(91.31% .1865 100.41);width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)rotate(0);box-shadow:0 0 10px,0 0 18px}.footer-logo-sparkles span:nth-child(2){color:oklch(79.38% .1429 162.94);background:oklch(79.38% .1429 162.94)}.footer-logo-sparkles span:nth-child(3){color:oklch(91.84% .1899 126.24);background:oklch(91.84% .1899 126.24)}.footer-logo-sparkles span:nth-child(4){color:oklch(100% 0 0);background:oklch(100% 0 0)}.footer-logo-sparkles span:nth-child(5){color:oklch(69.08% .2823 338.07);background:oklch(69.08% .2823 338.07);width:10px;height:10px}.footer-logo:focus-visible .footer-logo-sparkles span,.footer-logo:hover .footer-logo-sparkles span{animation:footer-logo-sparkle .82s cubic-bezier(.16,1,.3,1) infinite}.footer-logo:focus-visible .footer-logo-sparkles span:first-child,.footer-logo:hover .footer-logo-sparkles span:first-child{--sparkle-x:-34px;--sparkle-y:-29px;animation-delay:0s}.footer-logo:focus-visible .footer-logo-sparkles span:nth-child(2),.footer-logo:hover .footer-logo-sparkles span:nth-child(2){--sparkle-x:36px;--sparkle-y:-25px;animation-delay:90ms}.footer-logo:focus-visible .footer-logo-sparkles span:nth-child(3),.footer-logo:hover .footer-logo-sparkles span:nth-child(3){--sparkle-x:34px;--sparkle-y:28px;animation-delay:.18s}.footer-logo:focus-visible .footer-logo-sparkles span:nth-child(4),.footer-logo:hover .footer-logo-sparkles span:nth-child(4){--sparkle-x:-30px;--sparkle-y:30px;animation-delay:.27s}.footer-logo:focus-visible .footer-logo-sparkles span:nth-child(5),.footer-logo:hover .footer-logo-sparkles span:nth-child(5){--sparkle-x:2px;--sparkle-y:-39px;animation-delay:.36s}@keyframes footer-logo-dance{0%,to{transform:translate(0)rotate(0)scale(1)}24%{transform:translate(-1px,-2px)rotate(-7deg)scale(1.05)}48%{transform:translate(2px,1px)rotate(8deg)scale(.98)}72%{transform:translate(-1px,2px)rotate(-3deg)scale(1.03)}}@keyframes footer-logo-color-one{0%,to{stop-color:oklch(91.31% .1865 100.41)}20%{stop-color:oklch(69.08% .2823 338.07)}40%{stop-color:oklch(73.69% .1582 235.85)}60%{stop-color:oklch(66.77% .2235 36.99)}80%{stop-color:oklch(55.92% .2634 289.99)}}@keyframes footer-logo-color-two{0%,to{stop-color:oklch(79.38% .1429 162.94)}20%{stop-color:oklch(87.16% .2877 141.15)}40%{stop-color:oklch(92.49% .1944 102.89)}60%{stop-color:oklch(89.27% .1685 174.88)}80%{stop-color:oklch(64.97% .2383 17.9)}}@keyframes footer-logo-color-three{0%,to{stop-color:oklch(91.84% .1899 126.24)}20%{stop-color:oklch(89.87% .1589 184.32)}40%{stop-color:oklch(64.6% .2397 27.24)}60%{stop-color:oklch(91.71% .2387 127.67)}80%{stop-color:oklch(58.06% .2289 263.86)}}@keyframes footer-logo-sparkle{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)rotate(0)}18%{opacity:1;transform:translate(calc(-50% + (var(--sparkle-x) * .28)),calc(-50% + (var(--sparkle-y) * .28))) scale(1.15) rotate(35deg)}54%{opacity:.92;transform:translate(calc(-50% + (var(--sparkle-x) * .74)),calc(-50% + (var(--sparkle-y) * .74))) scale(.9) rotate(95deg)}to{opacity:0;transform:translate(calc(-50% + var(--sparkle-x)),calc(-50% + var(--sparkle-y))) scale(.35) rotate(170deg)}}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.privacy-link{min-height:26px;color:inherit;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.privacy-link:focus-visible,.privacy-link:hover{color:oklch(43.61% .0166 75.95)}.site-footer small{margin-top:12px}.privacy-modal{z-index:2000;background:oklch(0 0 0/.38);place-items:center;padding:20px;animation:privacy-modal-fade .16s ease-out both;display:grid;position:fixed;inset:0}.privacy-modal-panel{color:oklch(24% .018 80);text-align:left;background:oklch(98% .008 96);border:1px solid oklch(0 0 0/.08);border-radius:0;width:min(600px,100%);padding:24px;animation:privacy-panel-in .18s cubic-bezier(.2,0,0,1) both;box-shadow:0 1px 2px oklch(0 0 0/.05),0 12px 32px oklch(0 0 0/.14)}.privacy-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.privacy-modal-header h2{margin:0;font-size:14px;line-height:1}.privacy-modal-header button{color:oklch(24% .018 80);cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.privacy-modal-header button:active{transform:scale(.96)}.privacy-modal-header svg{stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:14px;height:14px}.privacy-modal-panel p{color:oklch(38% .018 80);text-wrap:pretty;margin:0;font-size:12px;line-height:1.45}.privacy-modal-panel p+p{margin-top:10px}.privacy-modal-panel a{color:oklch(48% .15 145);text-underline-offset:2px;font-weight:400;text-decoration:underline}@keyframes privacy-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes privacy-panel-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.penguin-follower{z-index:10;cursor:pointer;pointer-events:auto;width:64px;height:64px;transform:translateY(var(--penguin-y,132px)) translateX(var(--penguin-x,0));will-change:transform;background:0 0;border:0;padding:0;position:fixed;top:0;left:calc(50% + 332px)}.penguin-follower:focus-visible{outline-offset:4px;border-radius:10px;outline:2px solid oklch(66% .18 255)}.uno-guide-chat{z-index:120;color:oklch(22% .02 80);opacity:0;pointer-events:none;transform-origin:100% 100%;background:oklch(98% .008 96/.96);border:1px solid oklch(0 0 0/.08);border-radius:0;flex-direction:column;gap:10px;width:min(360px,100vw - 24px);max-height:min(480px,100vh - 120px);padding:12px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(8px)scale(.98);box-shadow:0 1px 2px oklch(0 0 0/.04),0 8px 24px oklch(0 0 0/.08)}.uno-guide-chat.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.uno-guide-chat-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.uno-guide-chat-header p{color:oklch(45% .025 80);font-family:var(--font-geist-sans),Arial,sans-serif;align-items:baseline;gap:5px;margin:0;line-height:1;display:flex}.uno-guide-chat-header strong{color:oklch(20% .02 80);font-size:13px;font-weight:700}.uno-guide-chat-header span{color:oklch(45% .025 80);font-size:10px;font-weight:500}.uno-guide-chat-close{color:oklch(28% .025 80);cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.uno-guide-chat-close svg{stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:14px;height:14px}.uno-guide-chat-close:hover{color:oklch(12% .02 80)}.uno-guide-chat-close:active{transform:scale(.96)}.uno-guide-chat-log{flex-direction:column;gap:8px;min-height:140px;max-height:300px;padding:14px 2px 0 0;display:flex;position:relative;overflow-y:auto}.uno-guide-chat-log:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(oklch(98% .008 96),oklch(98% .008 96/0));height:20px;margin-bottom:-20px;display:block;position:sticky;top:-14px}.uno-guide-message{border:1px solid oklch(0 0 0/.08);border-radius:8px;max-width:88%;padding:8px 9px;font-size:12px;line-height:1.35}.uno-guide-message.is-assistant{background:oklch(94% .02 96);align-self:flex-start}.uno-guide-message.is-user{background:oklch(87% .12 145);align-self:flex-end}.uno-guide-message.is-thinking{color:oklch(48% .025 80)}.uno-guide-message a{color:oklch(46% .14 255);text-underline-offset:2px;overflow-wrap:anywhere;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.uno-guide-error,.uno-guide-setup{color:oklch(42% .055 35);margin:0;font-size:11px;line-height:1.35}.uno-guide-setup code{font-family:var(--font-geist-mono),"Courier New",Courier,monospace}.uno-guide-suggestions{flex-wrap:wrap;gap:6px;display:flex}.uno-guide-suggestions button{color:oklch(20% .035 145);cursor:pointer;min-height:26px;font-family:var(--font-geist-sans),Arial,sans-serif;background:oklch(87% .12 145);border:1px solid oklch(0 0 0/.08);border-radius:6px;padding:0 8px;font-size:13px;font-weight:500;line-height:1;transition:background-color .16s,box-shadow .16s,transform .16s}.uno-guide-suggestions button:hover{background:oklch(84% .14 145);box-shadow:0 0 0 1px oklch(0 0 0/.04),0 2px 5px oklch(0 0 0/.08)}.uno-guide-suggestions button:active{transform:scale(.96)}.uno-guide-suggestions button:disabled{cursor:not-allowed;opacity:.55}.uno-guide-privacy{color:oklch(45% .025 80/.72);text-wrap:pretty;margin:-2px 0 0;font-size:10px;line-height:1.3}.uno-guide-chat-form{grid-template-columns:1fr auto;gap:6px;display:grid}.uno-guide-chat-form button,.uno-guide-chat-form input{border:1px solid oklch(0 0 0/.14);border-radius:6px;min-height:34px;font-size:12px}.uno-guide-chat-form input{color:oklch(22% .02 80);background:oklch(100% 0 0/.72);min-width:0;padding:0 9px}.uno-guide-chat-form button{color:oklch(20% .035 145);cursor:pointer;background:oklch(87% .12 145);border-color:oklch(0 0 0/.08);place-items:center;width:38px;padding:0 10px;font-weight:700;display:grid}.uno-guide-chat-form button svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.uno-guide-chat-form button:hover:not(:disabled){background:oklch(84% .14 145)}.uno-guide-chat-form button:disabled,.uno-guide-chat-form input:disabled{cursor:not-allowed;opacity:.55}.cursor-presence-layer,.cursor-trail-canvas{z-index:80;pointer-events:none;position:fixed;inset:0}.loading-lab{color:oklch(20% .018 80);background:oklch(97% .008 96);min-height:100vh;padding:28px}.loading-lab-header{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1180px;margin:0 auto 24px;display:flex}.loading-lab-back{color:oklch(45% .022 80);text-underline-offset:3px;align-items:center;min-height:28px;margin-bottom:18px;font-size:12px;text-decoration:underline;display:inline-flex}.loading-lab-header p{color:oklch(54% .025 80);font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}.loading-lab-header h1{font:700 32px/.95 var(--font-inclusive-sans),Arial,Helvetica,sans-serif;text-wrap:balance;margin:0}.loading-lab-header button,.loading-prototype-meta button{color:oklch(20% .035 145);cursor:pointer;min-width:92px;min-height:40px;font:700 13px/1 var(--font-geist),Arial,Helvetica,sans-serif;background:oklch(87% .12 145);border:1px solid oklch(0 0 0/.08);border-radius:6px;padding:0 16px;transition:background .16s,box-shadow .16s,transform .16s}.loading-prototype-meta button{min-width:78px;min-height:30px;margin-left:auto;padding:0 10px;font-size:12px}.loading-lab-header button:hover,.loading-prototype-meta button:hover{background:oklch(84% .14 145);box-shadow:0 4px 12px oklch(0 0 0/.08)}.loading-lab-header button:active,.loading-prototype-meta button:active{transform:scale(.96)}.loading-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto;display:grid}.loading-prototype{--loading-delay:calc(var(--loading-index) * 55ms);min-height:330px;animation:loading-prototype-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--loading-delay);background:oklch(99% .006 96);border:1px solid oklch(0 0 0/.08);padding:14px;box-shadow:0 1px 2px oklch(0 0 0/.03),0 12px 28px oklch(0 0 0/.045)}.loading-prototype-meta{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.loading-prototype-meta>span{color:oklch(57% .024 80);font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;font-variant-numeric:tabular-nums}.loading-prototype-meta h2{font:700 14px/1 var(--font-inclusive-sans),Arial,Helvetica,sans-serif;margin:0 0 5px}.loading-prototype-meta p{color:oklch(46% .02 80);text-wrap:pretty;max-width:34ch;margin:0;font-size:12px;line-height:1.35}.loading-shell-preview{background:oklch(96% .006 96);min-height:220px;position:relative;overflow:hidden}.loading-shell-preview:after{content:"";background:linear-gradient(110deg,#0000 20%,oklch(100% 0 0/.76) 45%,#0000 70%);animation:loading-sheen 1.1s ease-in-out .18s both;position:absolute;inset:0;transform:translate(-120%)}.loading-shell-band,.loading-shell-clock,.loading-shell-intro,.loading-shell-panels span{background:oklch(88% .012 90)}.loading-shell-cascade .loading-shell-preview:after,.loading-shell-logo .loading-shell-preview:after,.loading-shell-wipe .loading-shell-preview:after{content:none}.loading-shell-clock{height:56px;margin-bottom:1px}.loading-shell-intro{background:oklch(98% .006 96);gap:8px;margin-bottom:1px;padding:22px;display:grid}.loading-shell-intro span{background:oklch(86% .012 90);height:12px;display:block}.loading-shell-intro span:first-child{width:48%}.loading-shell-intro span:last-child{width:72%}.loading-shell-band{background:linear-gradient(90deg,oklch(86% .08 255),oklch(88% .1 145));height:50px;margin-bottom:1px}.loading-shell-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.loading-shell-panels span{height:48px}.loading-prototype.is-revealed .loading-shell-band,.loading-prototype.is-revealed .loading-shell-clock,.loading-prototype.is-revealed .loading-shell-intro span,.loading-prototype.is-revealed .loading-shell-panels span{animation:loading-resolve .4s ease-in-out both}.loading-shell-wipe .loading-shell-band,.loading-shell-wipe .loading-shell-clock,.loading-shell-wipe .loading-shell-intro,.loading-shell-wipe .loading-shell-panels span{opacity:0;transform:translate(-12px)}.loading-shell-wipe.is-revealed .loading-shell-band,.loading-shell-wipe.is-revealed .loading-shell-clock,.loading-shell-wipe.is-revealed .loading-shell-intro,.loading-shell-wipe.is-revealed .loading-shell-panels span{animation:loading-row-wipe .42s cubic-bezier(.22,1,.36,1) both}.loading-shell-wipe.is-revealed .loading-shell-intro{animation-delay:80ms}.loading-shell-wipe.is-revealed .loading-shell-band{animation-delay:.16s}.loading-shell-wipe.is-revealed .loading-shell-panels span{animation-delay:.24s}.loading-shell-cascade .loading-shell-band,.loading-shell-cascade .loading-shell-clock,.loading-shell-cascade .loading-shell-intro,.loading-shell-cascade .loading-shell-panels span{opacity:0;transform:translateY(10px)scale(.98)}.loading-shell-cascade.is-revealed .loading-shell-band,.loading-shell-cascade.is-revealed .loading-shell-clock,.loading-shell-cascade.is-revealed .loading-shell-intro,.loading-shell-cascade.is-revealed .loading-shell-panels span{animation:loading-cascade-in .48s cubic-bezier(.22,1,.36,1) both}.loading-shell-cascade.is-revealed .loading-shell-intro{animation-delay:80ms}.loading-shell-cascade.is-revealed .loading-shell-band{animation-delay:.16s}.loading-shell-cascade.is-revealed .loading-shell-panels span:first-child{animation-delay:.24s}.loading-shell-cascade.is-revealed .loading-shell-panels span:nth-child(2){animation-delay:.29s}.loading-shell-cascade.is-revealed .loading-shell-panels span:nth-child(3){animation-delay:.34s}.loading-shell-cascade.is-revealed .loading-shell-panels span:nth-child(4){animation-delay:.39s}.loading-shell-logo .loading-shell-band,.loading-shell-logo .loading-shell-clock,.loading-shell-logo .loading-shell-intro,.loading-shell-logo .loading-shell-panels{opacity:0}.loading-shell-logo.is-revealed .loading-shell-band,.loading-shell-logo.is-revealed .loading-shell-clock,.loading-shell-logo.is-revealed .loading-shell-intro,.loading-shell-logo.is-revealed .loading-shell-panels{animation:loading-logo-shell-in .45s ease-in-out .54s both}.loading-shell-blur .loading-shell-band,.loading-shell-blur .loading-shell-clock,.loading-shell-blur .loading-shell-intro,.loading-shell-blur .loading-shell-panels span{filter:blur(12px);opacity:.38;transform:scale(1.015)}.loading-shell-blur.is-revealed .loading-shell-band,.loading-shell-blur.is-revealed .loading-shell-clock,.loading-shell-blur.is-revealed .loading-shell-intro,.loading-shell-blur.is-revealed .loading-shell-panels span{animation:loading-progressive-blur .7s cubic-bezier(.22,1,.36,1) both}.loading-shell-blur.is-revealed .loading-shell-intro{animation-delay:90ms}.loading-shell-blur.is-revealed .loading-shell-band{animation-delay:.18s}.loading-shell-blur.is-revealed .loading-shell-panels span{animation-delay:.27s}.loading-shell-logo{background:oklch(18% .012 80)}.loading-r-mark{z-index:2;color:oklch(88% .15 145);font:700 52px/1 var(--font-inclusive-sans),Arial,Helvetica,sans-serif;text-shadow:0 0 18px oklch(88% .15 145/.45);place-items:center;animation:loading-r-pulse .9s ease-in-out infinite;display:grid;position:absolute;inset:0}.loading-shell-logo.is-revealed .loading-r-mark{animation:loading-r-exit .42s cubic-bezier(.22,1,.36,1) .42s both}@keyframes loading-prototype-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-sheen{to{transform:translate(120%)}}@keyframes loading-resolve{0%{filter:blur(2px);opacity:.72}to{filter:blur();opacity:1}}@keyframes loading-row-wipe{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes loading-cascade-in{0%{filter:blur(2px);opacity:0;transform:translateY(10px)scale(.98)}to{filter:blur();opacity:1;transform:translateY(0)scale(1)}}@keyframes loading-r-pulse{50%{transform:scale(1.08)}}@keyframes loading-r-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.25)}}@keyframes loading-logo-shell-in{0%{opacity:0;filter:blur(3px);transform:scale(.98)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes loading-progressive-blur{0%{filter:blur(12px);opacity:.38;transform:scale(1.015)}55%{filter:blur(4px);opacity:.78}to{filter:blur();opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loading-prototype,.loading-prototype.is-revealed .loading-shell-band,.loading-prototype.is-revealed .loading-shell-clock,.loading-prototype.is-revealed .loading-shell-intro span,.loading-prototype.is-revealed .loading-shell-panels span,.loading-r-mark,.loading-shell-preview:after{transition:none!important;animation:none!important}}.cursor-presence-layer{overflow:hidden}.remote-cursor{--cursor-color:oklch(49.55% .0508 291.59);opacity:.58;pointer-events:none;will-change:transform;transition:transform 90ms linear,opacity .24s;position:fixed;top:0;left:0}.remote-cursor-pointer{background:var(--cursor-color);clip-path:polygon(0 0,0 100%,34% 72%,58% 100%,78% 88%,54% 60%,100% 60%);filter:drop-shadow(0 1px 1px oklch(0 0 0/.16));width:8px;height:11px}.cursor-presence-debug{z-index:81;color:oklch(28% .03 270);font:700 10px/1 var(--font-geist-mono),Courier New,Courier,monospace;pointer-events:none;background:oklch(100% 0 0/.76);border-radius:5px;padding:4px 6px;position:fixed;bottom:10px;right:10px}.penguin-follower:after{color:oklch(30% .03 85);content:attr(data-tooltip);opacity:0;pointer-events:none;background:oklch(98% .01 96/.94);border:1px solid oklch(0 0 0/.1);border-radius:6px;width:max-content;max-width:180px;padding:6px 8px;font-size:11px;font-weight:700;line-height:1.25;transition:opacity .16s,transform .16s;position:absolute;top:50%;right:calc(100% + 8px);transform:translate(4px,-50%);box-shadow:0 6px 18px oklch(0 0 0/.12)}.penguin-follower.is-tooltip-visible:after,.penguin-follower:hover:after{opacity:1;transform:translateY(-50%)}.penguin-animator{width:64px;height:64px;image-rendering:pixelated;transform:scaleX(var(--penguin-facing,-1));transform-origin:50%;background-position:-46px -55px;background-repeat:no-repeat;background-size:627px 627px;animation:penguin-idle-frames 4s step-end infinite;overflow:hidden}.penguin-animator.is-walking{animation:penguin-walk-frames .72s step-end infinite}.penguin-follower.is-tooltip-visible .penguin-animator,.penguin-follower:hover .penguin-animator{background-position:-216.5px -461.5px;animation:none}.penguin-follower .penguin-animator.is-reacting-page{background-position:-127px -552.5px;animation:none}.penguin-follower .penguin-animator.is-reacting-uno{background-position:-387.5px -461.5px;animation:penguin-poke .36s step-end}.penguin-follower .penguin-animator.is-reacting-celebrate{animation:penguin-celebrate .36s step-end infinite}@keyframes penguin-idle-frames{0%{background-position:-46px -55px;width:64px;height:64px}25%{background-position:-133.5px -55px;width:64px;height:64px}50%{background-position:-219px -55px;width:64px;height:64px}75%{background-position:-305.5px -55px;width:64px;height:64px}to{background-position:-46px -55px;width:64px;height:64px}}@keyframes penguin-walk-frames{0%,to{background-position:-126.5px -168.5px;width:64px;height:64px}50%{background-position:-210.5px -168.5px;width:64px;height:64px}}@keyframes penguin-celebrate{0%,to{width:64px;height:64px;transform:scaleX(var(--penguin-facing,-1)) translateY(0);background-position:-216.5px -461.5px}33%{width:64px;height:64px;transform:scaleX(var(--penguin-facing,-1)) translateY(-6px);background-position:-387.5px -461.5px}66%{width:64px;height:64px;transform:scaleX(var(--penguin-facing,-1)) translateY(2px);background-position:-127px -552.5px}}@keyframes penguin-poke{0%,to{width:64px;height:64px;transform:scaleX(var(--penguin-facing,-1)) scale(1);background-position:-387.5px -461.5px}35%{width:64px;height:64px;transform:scaleX(var(--penguin-facing,-1)) scale(.86,1.08);background-position:-387.5px -461.5px}70%{width:64px;height:64px;transform:scaleX(var(--penguin-facing,-1)) scale(1.06,.94);background-position:-387.5px -461.5px}}.music-player{z-index:20;background:oklch(0 0 0/0);border:0;width:44px;max-width:calc(100vw - 48px);height:44px;padding:0;position:fixed;bottom:24px;left:24px}.music-link{display:contents}.music-disc{--album-cover:none;background:radial-gradient(circle,oklch(0 0 0/0) 0 11%,oklch(0 0 0/.55) 12% 13%,oklch(0 0 0/0) 14%),radial-gradient(circle at 64% 68%,oklch(69.56% .1987 37.15/.72) 0 13%,oklch(0 0 0/0) 14%),repeating-radial-gradient(circle,oklch(19.57% 0 0) 0 3px,oklch(13.98% 0 0) 4px 6px,oklch(24.35% 0 0) 7px 8px),oklch(17.76% 0 0);border-radius:50%;flex:0 0 44px;width:44px;height:44px;animation:music-disc-spin 4.5s linear infinite;position:relative;box-shadow:inset 0 0 0 2px oklch(100% 0 0/.06),inset 0 0 18px oklch(0 0 0/.74),0 3px 10px oklch(0 0 0/.24)}.music-disc.has-cover{background:radial-gradient(circle at center,oklch(13.98% 0 0) 0 9%,oklch(0 0 0/.72) 10% 13%,oklch(0 0 0/0) 14%),linear-gradient(oklch(0 0 0/.08),oklch(0 0 0/.18)),var(--album-cover) center /cover no-repeat,oklch(17.76% 0 0)}.music-disc:before{content:"";mix-blend-mode:screen;background:conic-gradient(from 18deg,oklch(100% 0 0/.12),oklch(0 0 0/0) 20%,oklch(100% 0 0/.08),oklch(0 0 0/0) 46%);inset:5px}.music-disc:before,.music-label{border-radius:50%;position:absolute}.music-label{background:oklch(18.45% .0109 39.26);inset:16px;box-shadow:inset 5px -7px oklch(62.5% .1837 34.66/.88)}.music-disc.has-cover .music-label{background:oklch(11.49% 0 0);inset:17px;box-shadow:0 0 0 1px oklch(100% 0 0/.22)}.music-label:after{content:"";background:oklch(11.49% 0 0);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-copy{pointer-events:none;color:oklch(44.24% .0284 73.16);opacity:0;width:max-content;min-width:0;max-width:min(330px,100vw - 120px);transition:opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-8px,-50%)}.music-player:focus-within .music-copy,.music-player:hover .music-copy{opacity:1;transform:translateY(-50%)}.music-copy p{margin:0 0 3px;font-size:14px;font-weight:500;line-height:1}.music-copy span{color:oklch(48.17% .0292 65.08);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.15;display:block;overflow:hidden}@keyframes music-disc-spin{to{transform:rotate(1turn)}}@media (max-width:760px){.tools-sidebar{padding:12px}.tools-nav{gap:4px;display:flex;overflow-x:auto}.tools-nav-dropdown{min-width:min(250px,100vw - 24px);left:0}.tools-workspace{padding:16px 12px 40px}.tools-header,.web-tools-heading{flex-direction:column;align-items:start}.web-tools-heading>p{text-align:left}.web-tools-section{grid-template-columns:1fr}.ds-color-grid,.ds-component-grid,.ds-hero,.ds-motion-grid,.ds-sound-lab,.ds-sound-list,.ds-specimen-grid,.slicer-layout,.tools-grid,.tools-summary{grid-template-columns:1fr!important}.ds-sound-controls label{grid-template-columns:1fr}.ds-sound-controls label span{text-align:left}.ds-hero h2{max-width:100%;font-size:28px}.ds-section-heading{flex-direction:column;align-items:start}.ds-section-heading p{text-align:left}.tool-row{flex-direction:column;align-items:flex-start}.tool-preview{min-height:280px}.slicer-panel:last-child,.slicer-preview{grid-column:auto}.slicer-column-resizer{display:none}.slicer-preview{grid-row:auto;position:static}.slicer-fine-tune-panel,.slicer-left-stack,.slicer-settings-panel,.slicer-shortcuts-panel,.slicer-upload-panel{grid-area:auto}.slicer-controls{grid-template-columns:1fr}.portfolio-shell{padding:0 10px 48px}.penguin-follower,.uno-guide-chat{display:none}.intro-panel,.notes{flex-direction:column;align-items:flex-start}.message-grid,.testimonial-grid,.visual-grid{grid-template-columns:1fr}.message-grid{height:auto;max-height:none}.chat-card,.people-card{min-height:215px}.reaction-strip{scrollbar-color:oklch(100% 0 0/.5) oklch(100% 0 0/.12);scrollbar-width:thin;overflow:auto hidden}.reaction-strip::-webkit-scrollbar{height:7px}.reaction-strip::-webkit-scrollbar-track{background:oklch(100% 0 0/.12)}.reaction-strip::-webkit-scrollbar-thumb{background:oklch(100% 0 0/.5) padding-box padding-box;border:2px solid oklch(0 0 0/0);border-radius:999px}.reaction-strip::-webkit-scrollbar-thumb:hover{background:oklch(100% 0 0/.72) padding-box padding-box}.reaction-list{justify-content:flex-start;width:max-content;min-width:100%}.photo-card{flex-basis:min(72vw,233px)}.music-player{width:38px;max-width:calc(100vw - 24px);height:38px;bottom:12px;left:12px}.music-disc{flex-basis:38px;width:38px;height:38px}.music-label{inset:14px}.music-copy p,.music-copy span{font-size:14px}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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}