@layer layout{body.index{background-attachment:scroll;background-image:url(/images/background-mobile.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;min-block-size:100vh}@media(width >= 1024px){body.index{background-attachment:fixed;background-image:url(/images/background.avif)}}main.index{padding-block-start:0}main.index .hero{background:var(--surface2);border-radius:var(--radius-lg);container-name:hero;container-type:inline-size;margin-block:var(--space-fluid-2xl) var(--space-4);padding-block:var(--space-12);padding-inline:var(--space-4);text-align:center;transition:background-color var(--theme-transition-duration) var(--default-transition-type),color var(--theme-transition-duration) var(--default-transition-type)}@container hero (min-width: 640px){main.index .hero{padding-inline:var(--space-8)}}main.index .hero h1{color:var(--text1);font-size:var(--fs-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-block-end:var(--space-4)}main.index .hero p{color:var(--text2);font-size:var(--fs-lg);line-height:var(--leading-normal)}main.index .image-tools-demo{margin-inline:auto;max-inline-size:800px;padding-block:var(--space-8);padding-inline:var(--space-4)}main.index .image-tools-demo h2{color:var(--text1);font-size:var(--fs-2xl);font-weight:var(--font-bold);margin-block-end:var(--space-8);text-align:center}main.index .image-tools-demo h3{color:var(--text1);font-size:var(--fs-xl);font-weight:var(--font-semibold);margin-block-end:var(--space-4)}main.index .image-tools-demo p{color:var(--text2);line-height:var(--leading-relaxed);margin-block-end:var(--space-4)}main.index .demo-section{background:var(--surface2);border-radius:var(--radius-lg);container-name:demo-section;container-type:inline-size;margin-block-end:var(--space-8);padding:var(--space-8);transition:background-color var(--theme-transition-duration) var(--default-transition-type),color var(--theme-transition-duration) var(--default-transition-type)}main.index .demo-section [type=file]{background:var(--surface1);border:1px solid var(--surface4);border-radius:var(--radius-md);color:var(--text1);display:block;inline-size:100%;margin-block-end:var(--space-4);padding:var(--space-2);transition:background-color var(--theme-transition-duration) var(--default-transition-type),color var(--theme-transition-duration) var(--default-transition-type),border-color var(--theme-transition-duration) var(--default-transition-type)}main.index .demo-section [type=file]:focus-visible{outline:2px solid var(--brand1);outline-offset:2px}main.index .demo-section .btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);padding-block:var(--space-3);padding-inline:var(--space-6);transition:background-color var(--theme-transition-duration) var(--default-transition-type),color var(--theme-transition-duration) var(--default-transition-type)}main.index .demo-section .btn.btn-primary{background:var(--brand1);color:var(--text-on-brand)}main.index .demo-section .btn.btn-primary:hover{background:color-mix(in oklch,var(--brand1) 85%,oklch(100% 0 0deg) 15%)}main.index .demo-section .btn.btn-primary:active{background:color-mix(in oklch,var(--brand1) 85%,oklch(0% 0 0deg) 15%)}main.index .demo-section .btn.btn-primary:focus-visible{outline:2px solid var(--brand2);outline-offset:2px}main.index .white{align-items:center;background:var(--surface1);container-name:white-section;container-type:inline-size;display:flex;justify-content:center;overflow:hidden;transition:background-color var(--theme-transition-duration) var(--default-transition-type),color var(--theme-transition-duration) var(--default-transition-type)}main.index .white img{block-size:auto;inline-size:40vw;margin-inline:auto}@container white-section (min-width: 768px){main.index .white img{inline-size:30vw}}main.index .demo-gallery{container-name:gallery;container-type:inline-size;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-block-end:var(--space-6)}@container gallery (min-width: 640px){main.index .demo-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}main.index .demo-gallery a{border:2px solid var(--surface3);border-radius:var(--radius-md);display:block;overflow:hidden;transition:border-color var(--theme-transition-duration) var(--default-transition-type)}main.index .demo-gallery a:hover{border-color:color-mix(in oklch,var(--brand1) 80%,var(--surface3) 20%)}main.index .demo-gallery a:focus-visible{border-color:var(--brand1);outline:2px solid var(--brand1);outline-offset:2px}main.index .demo-gallery a img{block-size:auto;display:block;inline-size:100%}}main.index .hero-marketplace{background:var(--surface1);border-block-end:1px solid color-mix(in oklch,var(--text1),transparent 92%);overflow:hidden;padding-block:clamp(3rem,8vh,6rem);padding-inline:var(--page-padding);position:relative;transition:background var(--theme-transition-duration) var(--default-transition-type),border-color var(--theme-transition-duration) var(--default-transition-type)}main.index .hero-container{margin-inline:auto;max-inline-size:1400px;width:100%}@media(min-width:1281px){main.index .hero-container{max-inline-size:1600px}}main.index .hero-split{display:flex;flex-direction:column;gap:var(--space-12)}@media(min-width:1025px){main.index .hero-split{align-items:start;display:grid;gap:var(--space-fluid-2xl);grid-template-columns:2fr 1fr}}main.index .hero-search{display:flex;flex-direction:column;gap:var(--space-6)}main.index .hero-offer{background:color-mix(in oklch,var(--surface2),transparent 50%);border:1px solid color-mix(in oklch,var(--text1),transparent 90%);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}@media(min-width:1025px){main.index .hero-offer{margin-block-start:var(--space-8)}}main.index .hero-content{display:flex;flex-direction:column;gap:var(--space-5)}main.index .hero-title{color:var(--text1);font-feature-settings:"kern" 1,"liga" 1;font-size:clamp(var(--fs-2xl),5vw,var(--fs-4xl));font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);transition:color var(--theme-transition-duration) var(--default-transition-type)}main.index .hero-offer .hero-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}main.index .hero-subtitle{color:var(--text2);font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-relaxed);transition:color var(--theme-transition-duration) var(--default-transition-type)}main.index .hero-offer .hero-subtitle{font-size:var(--fs-sm)}main.index .hero-cta{align-items:center;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--fs-base);font-weight:var(--fw-medium);gap:var(--space-2);justify-content:center;line-height:var(--lh-tight);padding-block:var(--space-4);padding-inline:var(--space-6);text-decoration:none;transition:background-color var(--duration-200) var(--ease-out),border-color var(--duration-200) var(--ease-out),color var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out);user-select:none}@media(min-width:768px){main.index .hero-cta{padding-block:var(--space-4);padding-inline:var(--space-8)}}main.index .hero-cta-primary{background-color:var(--brand1);border-color:var(--brand1);color:var(--text-on-brand)}main.index .hero-cta-primary:hover{background-color:var(--brand2);border-color:var(--brand2)}main.index .hero-cta-secondary{background-color:transparent;border-color:color-mix(in oklch,var(--text1),transparent 80%);color:var(--text2)}main.index .hero-cta-secondary:hover{background-color:color-mix(in oklch,var(--surface2),transparent 50%);border-color:color-mix(in oklch,var(--text1),transparent 70%);color:var(--text1)}main.index .hero-search-box{background:var(--surface2);border:2px solid color-mix(in oklch,var(--text1),transparent 85%);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-2);transition:border-color var(--duration-200) var(--ease-out)}main.index .hero-search-box:focus-within{border-color:var(--brand1)}main.index .hero-search-input{background:transparent;border:none;color:var(--text1);flex:1;font-size:var(--fs-lg);outline:none;padding:var(--space-3) var(--space-4)}main.index .hero-search-input::placeholder{color:var(--text3)}main.index .hero-search-button{background:var(--brand1);border:none;border-radius:var(--radius-md);color:var(--text-on-brand);cursor:pointer;font-weight:var(--fw-semibold);padding-inline:var(--space-8);transition:background var(--duration-200) var(--ease-out)}main.index .hero-search-button:hover{background:var(--brand2)}@media(prefers-reduced-motion:reduce){main.index .hero-cta{transition:none}}@media print{main.index .hero-marketplace{background:var(--surface1);border-block-end:1px solid color-mix(in oklch,var(--text1),transparent 80%);min-block-size:auto;padding-block:var(--space-20)}main.index .hero-cta{display:none}}main.index [data-animate=slide-left],main.index [data-animate=slide-right]{opacity:0;transition:opacity var(--duration-700) var(--ease-out),transform var(--duration-700) var(--ease-out)}main.index [data-animate=slide-right]{transform:translateX(-30px)}main.index [data-animate=slide-left]{transform:translateX(30px)}main.index [data-animate=slide-left].animate,main.index [data-animate=slide-right].animate{opacity:1;transform:translateX(0)}main.index [data-animate].animate .hero-cta,main.index [data-animate].animate .hero-subtitle,main.index [data-animate].animate .hero-title{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){main.index .hero-cta,main.index .hero-subtitle,main.index .hero-title,main.index [data-animate]{opacity:1;transform:none;transition:none}}main.index .presentation-teaser{margin-block-start:var(--space-8);padding-block:clamp(3rem,8vh,6rem);padding-inline:var(--page-padding)}main.index .presentation-teaser-container{background:color-mix(in oklch,var(--surface3),transparent 50%);border:1px solid color-mix(in oklch,var(--text1),transparent 90%);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);margin-inline:auto;max-inline-size:800px;padding:var(--space-6)}main.index .presentation-teaser h2{color:var(--text1);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}main.index .presentation-teaser h2,main.index .presentation-teaser p{transition:color var(--theme-transition-duration) var(--default-transition-type)}main.index .presentation-teaser p{color:var(--text2);font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-relaxed)}main.index .presentation-teaser .btn-primary{align-items:center;background-color:var(--brand1);border:2px solid transparent;border-color:var(--brand1);border-radius:var(--radius-md);color:var(--text-on-brand);cursor:pointer;display:inline-flex;font-size:var(--fs-base);font-weight:var(--fw-medium);gap:var(--space-2);justify-content:center;line-height:var(--lh-tight);padding-block:var(--space-4);padding-inline:var(--space-6);text-decoration:none;transition:all var(--duration-200) var(--ease-out);user-select:none}main.index .presentation-teaser .btn-primary:hover{background-color:var(--brand2);border-color:var(--brand2)}main.index .franken-showcase{background:var(--surface1);color:var(--text1);font-size:clamp(18px,14px + .55vw,36px);min-height:100vh;padding:var(--space-fluid-lg) var(--space-fluid-md);width:100%;--fs-xs:clamp(14px,calc(12px + 0.4vw),24px);--fs-sm:clamp(16px,calc(14px + 0.45vw),28px);--fs-base:clamp(18px,calc(16px + 0.5vw),32px);--fs-lg:clamp(22px,calc(20px + 0.6vw),40px);--fs-xl:clamp(28px,calc(26px + 0.7vw),52px)}main.index .showcase-headline{color:var(--text1);font-size:var(--fs-xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin:0 0 var(--space-8);text-align:center}main.index .showcase-tab-panel{display:none}main.index .showcase-tab-panel--active{display:block}main.index .showcase-placeholder{color:var(--text3);font-size:var(--fs-lg);padding:var(--space-16) var(--space-8);text-align:center}main.index .showcase-image-section{margin-bottom:var(--space-8)}main.index .showcase-image-section:last-child{margin-bottom:0}main.index .showcase-image-section .showcase-section-title{margin-top:0}main.index .showcase-image-card{background:var(--surface2);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out)}main.index .showcase-image-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}main.index .showcase-image-card--side{margin-bottom:var(--space-4)}main.index .showcase-image-card--side:last-child{margin-bottom:0}main.index .showcase-media-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}main.index .showcase-media-tabs{background:var(--surface3);border-radius:var(--radius-full);display:flex;gap:var(--space-2);padding:var(--space-1)}main.index .showcase-media-tab{background:transparent;border:none;border-radius:var(--radius-full);color:var(--text2);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:background-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out)}main.index .showcase-media-tab:hover:not(:disabled){color:var(--text1)}main.index .showcase-media-tab--active{background:var(--surface1);box-shadow:var(--shadow-elevation1);color:var(--text1)}main.index .showcase-media-tab--disabled,main.index .showcase-media-tab:disabled{cursor:not-allowed;opacity:.4}main.index .showcase-add-music-btn{border-radius:var(--radius-full)}main.index .showcase-media-section{margin-bottom:var(--space-10)}main.index .showcase-media-section-title{color:var(--text1);font-size:var(--fs-lg);font-weight:var(--font-bold);margin:0 0 var(--space-1)}main.index .showcase-media-section-subtitle{color:var(--text3);font-size:var(--fs-sm);margin:0 0 var(--space-5)}main.index .showcase-album-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}main.index .showcase-album-card{cursor:pointer;transition:transform var(--duration-150) var(--ease-out)}main.index .showcase-album-card:hover{transform:translateY(-4px)}main.index .showcase-album-card:hover .showcase-album-cover{box-shadow:var(--shadow-elevation3)}main.index .showcase-album-cover{align-items:center;aspect-ratio:3/4;background:linear-gradient(135deg,var(--surface3) 0,var(--surface4) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-elevation2);display:flex;font-size:4rem;justify-content:center;margin-bottom:var(--space-3);transition:box-shadow var(--duration-150) var(--ease-out)}main.index .showcase-album-cover--square{aspect-ratio:1}main.index .showcase-album-title{color:var(--text1);font-size:var(--fs-sm);font-weight:var(--font-medium);margin:0 0 var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main.index .showcase-album-artist{color:var(--text3);font-size:var(--fs-xs);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main.index .showcase-card .uk-input,main.index .showcase-card .uk-select,main.index .showcase-card .uk-textarea,main.index .showcase-card input[type=email],main.index .showcase-card input[type=number],main.index .showcase-card input[type=password],main.index .showcase-card input[type=text],main.index .showcase-card select,main.index .showcase-card textarea{background-color:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text1);font-size:var(--fs-sm);line-height:var(--leading-normal);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-150) var(--ease-in-out),box-shadow var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out);width:100%}main.index .showcase-card .uk-input::placeholder,main.index .showcase-card .uk-select::placeholder,main.index .showcase-card .uk-textarea::placeholder,main.index .showcase-card input[type=email]::placeholder,main.index .showcase-card input[type=number]::placeholder,main.index .showcase-card input[type=password]::placeholder,main.index .showcase-card input[type=text]::placeholder,main.index .showcase-card select::placeholder,main.index .showcase-card textarea::placeholder{color:var(--text3)}main.index .showcase-card .uk-input:hover,main.index .showcase-card .uk-select:hover,main.index .showcase-card .uk-textarea:hover,main.index .showcase-card input[type=email]:hover,main.index .showcase-card input[type=number]:hover,main.index .showcase-card input[type=password]:hover,main.index .showcase-card input[type=text]:hover,main.index .showcase-card select:hover,main.index .showcase-card textarea:hover{border-color:var(--text3)}main.index .showcase-card .uk-input:focus,main.index .showcase-card .uk-select:focus,main.index .showcase-card .uk-textarea:focus,main.index .showcase-card input[type=email]:focus,main.index .showcase-card input[type=number]:focus,main.index .showcase-card input[type=password]:focus,main.index .showcase-card input[type=text]:focus,main.index .showcase-card select:focus,main.index .showcase-card textarea:focus{border-color:var(--brand1);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 75%);outline:none}main.index .showcase-card .uk-input:disabled,main.index .showcase-card .uk-select:disabled,main.index .showcase-card .uk-textarea:disabled,main.index .showcase-card input[type=email]:disabled,main.index .showcase-card input[type=number]:disabled,main.index .showcase-card input[type=password]:disabled,main.index .showcase-card input[type=text]:disabled,main.index .showcase-card select:disabled,main.index .showcase-card textarea:disabled{cursor:not-allowed;opacity:.5}main.index .showcase-card .uk-select,main.index .showcase-card select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;cursor:pointer;padding-inline-end:var(--space-10)}main.index .showcase-card .uk-select:hover,main.index .showcase-card select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E")}main.index .showcase-card .uk-textarea,main.index .showcase-card textarea{min-height:100px;resize:vertical}main.index .showcase-card .btn,main.index .showcase-card .uk-button,main.index .showcase-card [type=button],main.index .showcase-card [type=submit],main.index .showcase-card button{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;line-height:var(--leading-tight);padding:var(--space-3) var(--space-5);text-decoration:none;transition:background-color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out),transform var(--duration-100) var(--ease-out),box-shadow var(--duration-150) var(--ease-in-out)}main.index .showcase-card .btn:hover,main.index .showcase-card .uk-button:hover,main.index .showcase-card [type=button]:hover,main.index .showcase-card [type=submit]:hover,main.index .showcase-card button:hover{transform:translateY(-1px)}main.index .showcase-card .btn:active,main.index .showcase-card .uk-button:active,main.index .showcase-card [type=button]:active,main.index .showcase-card [type=submit]:active,main.index .showcase-card button:active{transform:translateY(0) scale(.98)}main.index .showcase-card .btn:focus-visible,main.index .showcase-card .uk-button:focus-visible,main.index .showcase-card [type=button]:focus-visible,main.index .showcase-card [type=submit]:focus-visible,main.index .showcase-card button:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 60%);outline:none}main.index .showcase-card .btn:disabled,main.index .showcase-card .uk-button:disabled,main.index .showcase-card [type=button]:disabled,main.index .showcase-card [type=submit]:disabled,main.index .showcase-card button:disabled{cursor:not-allowed;opacity:.5;transform:none}main.index .showcase-card .btn-primary,main.index .showcase-card .uk-button-primary{background-color:var(--brand1);border:1px solid var(--brand1);color:var(--text-on-brand)}main.index .showcase-card .btn-primary:hover,main.index .showcase-card .uk-button-primary:hover{background-color:var(--brand3);border-color:var(--brand3)}main.index .showcase-card .btn-primary:active,main.index .showcase-card .uk-button-primary:active{background-color:var(--active)}main.index .showcase-card .btn-outline,main.index .showcase-card .btn-secondary,main.index .showcase-card .uk-button-outline,main.index .showcase-card .uk-button-secondary{background-color:transparent;border:1px solid var(--border);color:var(--text1)}main.index .showcase-card .btn-outline:hover,main.index .showcase-card .btn-secondary:hover,main.index .showcase-card .uk-button-outline:hover,main.index .showcase-card .uk-button-secondary:hover{background-color:var(--surface3);border-color:var(--text3)}main.index .showcase-card .btn-outline:active,main.index .showcase-card .btn-secondary:active,main.index .showcase-card .uk-button-outline:active,main.index .showcase-card .uk-button-secondary:active{background-color:var(--surface4)}main.index .showcase-card .btn-default,main.index .showcase-card .uk-button-default{background-color:var(--surface3);border:1px solid var(--border);color:var(--text1)}main.index .showcase-card .btn-default:hover,main.index .showcase-card .uk-button-default:hover{background-color:var(--surface4)}main.index .showcase-card .btn-destructive,main.index .showcase-card .uk-button-danger{background-color:var(--error);border:1px solid var(--error);color:oklch(1 0 0)}main.index .showcase-card .btn-destructive:hover,main.index .showcase-card .uk-button-danger:hover{background-color:color-mix(in oklch,var(--error),oklch(0% 0 0deg) 15%)}main.index .showcase-card .btn-ghost{background-color:transparent;border:1px solid transparent;color:var(--text2)}main.index .showcase-card .btn-ghost:hover{background-color:var(--surface3);color:var(--text1)}main.index .showcase-card .uk-checkbox-wrapper,main.index .showcase-card label:has(input[type=checkbox]){align-items:center;color:var(--text1);cursor:pointer;display:flex;font-size:var(--fs-sm);gap:var(--space-3);user-select:none}main.index .showcase-card .uk-checkbox-wrapper:hover input[type=checkbox]:not(:disabled)+span:before,main.index .showcase-card .uk-checkbox-wrapper:hover input[type=checkbox]:not(:disabled):before,main.index .showcase-card label:has(input[type=checkbox]):hover input[type=checkbox]:not(:disabled)+span:before,main.index .showcase-card label:has(input[type=checkbox]):hover input[type=checkbox]:not(:disabled):before{border-color:var(--brand1);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 85%)}main.index .showcase-card .uk-checkbox,main.index .showcase-card input[type=checkbox]{appearance:none;background:var(--surface2);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:20px;margin:0;position:relative;transition:border-color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out),box-shadow var(--duration-150) var(--ease-in-out);width:20px}main.index .showcase-card .uk-checkbox:after,main.index .showcase-card input[type=checkbox]:after{border:2px solid oklch(1 0 0);border-inline-start:0;border-top:0;content:"";height:9px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg) scale(0);transition:transform var(--duration-150) var(--ease-out),opacity var(--duration-150) var(--ease-out);width:5px}main.index .showcase-card .uk-checkbox:hover:not(:disabled),main.index .showcase-card input[type=checkbox]:hover:not(:disabled){border-color:var(--brand1);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 85%)}main.index .showcase-card .uk-checkbox:checked,main.index .showcase-card input[type=checkbox]:checked{background:var(--brand1);border-color:var(--brand1)}main.index .showcase-card .uk-checkbox:checked:after,main.index .showcase-card input[type=checkbox]:checked:after{opacity:1;transform:translate(-50%,-60%) rotate(45deg) scale(1)}main.index .showcase-card .uk-checkbox:checked:hover:not(:disabled),main.index .showcase-card input[type=checkbox]:checked:hover:not(:disabled){background:var(--brand3);border-color:var(--brand3)}main.index .showcase-card .uk-checkbox:focus-visible,main.index .showcase-card input[type=checkbox]:focus-visible{border-color:var(--brand1);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 60%);outline:none}main.index .showcase-card .uk-checkbox:disabled,main.index .showcase-card input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}main.index .showcase-card .uk-radio,main.index .showcase-card input[type=radio]{appearance:none;background:var(--surface2);border:2px solid var(--border);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:20px;margin:0;position:relative;transition:border-color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out),box-shadow var(--duration-150) var(--ease-in-out);width:20px}main.index .showcase-card .uk-radio:after,main.index .showcase-card input[type=radio]:after{background:oklch(1 0 0);border-radius:var(--radius-full);content:"";height:8px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--duration-150) var(--ease-out),opacity var(--duration-150) var(--ease-out);width:8px}main.index .showcase-card .uk-radio:hover:not(:disabled),main.index .showcase-card input[type=radio]:hover:not(:disabled){border-color:var(--brand1);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 85%)}main.index .showcase-card .uk-radio:checked,main.index .showcase-card input[type=radio]:checked{background:var(--brand1);border-color:var(--brand1)}main.index .showcase-card .uk-radio:checked:after,main.index .showcase-card input[type=radio]:checked:after{opacity:1;transform:translate(-50%,-50%) scale(1)}main.index .showcase-card .uk-radio:focus-visible,main.index .showcase-card input[type=radio]:focus-visible{border-color:var(--brand1);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand1),transparent 60%);outline:none}main.index .showcase-card .uk-radio:disabled,main.index .showcase-card input[type=radio]:disabled{cursor:not-allowed;opacity:.5}main.index .showcase-header-bar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}@media(width <= 640px){main.index .showcase-header-bar{flex-wrap:wrap}}main.index .showcase-tabs{display:flex;gap:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}main.index .showcase-tabs::-webkit-scrollbar{display:none}@media(width <= 640px){main.index .showcase-tabs{flex:1 1 100%;gap:var(--space-4);order:2;padding-bottom:var(--space-2)}}main.index .showcase-tab{color:var(--text3);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--font-medium);text-decoration:none;transition:color var(--duration-150) var(--ease-in-out);white-space:nowrap}main.index .showcase-tab--active,main.index .showcase-tab:hover{color:var(--text1)}main.index .showcase-theme-selector{align-items:center;background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--fs-sm);gap:var(--space-3);padding:var(--space-2) var(--space-4);position:relative;transition:background-color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out),box-shadow var(--duration-150) var(--ease-in-out)}@media(width <= 640px){main.index .showcase-theme-selector{margin-inline-start:auto;order:1}}main.index .showcase-theme-selector:hover{background:var(--surface4);border-color:var(--text3)}main.index .showcase-theme-selector:after{border-inline-end:4px solid transparent;border-inline-start:4px solid transparent;border-top:5px solid var(--text2);content:"";height:0;margin-inline-start:var(--space-1);transition:transform var(--duration-150) var(--ease-out);width:0}main.index .showcase-theme-selector:hover:after{border-top-color:var(--text1)}main.index .showcase-theme-label{color:var(--text3)}main.index .showcase-theme-value{align-items:center;color:var(--text1);display:flex;font-weight:var(--font-medium);gap:var(--space-2)}main.index .showcase-theme-value:before{background:var(--brand1);border-radius:var(--radius-sm);box-shadow:0 0 0 1px color-mix(in oklch,var(--brand1),oklch(0% 0 0deg) 30%);content:"";height:14px;width:14px}main.index .showcase-theme-dropdown{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevation3);display:none;margin-top:var(--space-2);min-width:160px;padding:var(--space-2);position:absolute;right:0;top:100%;z-index:100}main.index .showcase-theme-dropdown--visible{display:flex;flex-direction:column;gap:var(--space-1)}main.index .showcase-theme-option{align-items:center;border-radius:var(--radius-sm);color:var(--text1);cursor:pointer;display:flex;font-size:var(--fs-sm);gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:background-color var(--duration-150) var(--ease-in-out)}main.index .showcase-theme-option:hover{background:var(--surface3)}main.index .showcase-theme-option--selected{background:var(--surface3);font-weight:var(--font-medium)}main.index .showcase-theme-option--mode:before{background:var(--surface4);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--border);content:"";height:16px;width:16px}main.index .showcase-theme-option[data-mode=auto]:before{background:linear-gradient(135deg,var(--surface1) 50%,var(--text1) 50%)}main.index .showcase-theme-option[data-mode=light]:before{background:oklch(.98 0 0)}main.index .showcase-theme-option[data-mode=dark]:before{background:oklch(.12 0 0)}main.index .showcase-theme-option--color:before{border-radius:var(--radius-sm);box-shadow:0 0 0 1px color-mix(in oklch,currentcolor,transparent 70%);content:"";height:16px;width:16px}main.index .showcase-theme-option[data-color=yellow]:before{background:oklch(.85 .18 85)}main.index .showcase-theme-option[data-color=blue]:before{background:oklch(.6 .2 250)}main.index .showcase-theme-option[data-color=green]:before{background:oklch(.7 .18 145)}main.index .showcase-theme-option[data-color=red]:before{background:oklch(.55 .25 35)}main.index .showcase-theme-option[data-color=violet]:before{background:oklch(.6 .2 300)}main.index .showcase-theme-option[data-color=orange]:before{background:oklch(.62 .22 78)}main.index .showcase-theme-option[data-color=rose]:before{background:oklch(.7 .18 350)}main.index .showcase-theme-option[data-color=neutral]:before{background:oklch(.55 .02 250)}main.index .showcase-theme-divider{background:var(--border);border:none;height:1px;margin:var(--space-2) 0}main.index .showcase-theme-selector--open:after{transform:rotate(180deg)}main.index .showcase-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);width:100%}@media(width <= 1200px){main.index .showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(width <= 768px){main.index .showcase-grid{grid-template-columns:1fr}}main.index .showcase-column{display:flex;flex-direction:column;gap:var(--space-5)}main.index .showcase-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--duration-200) var(--ease-in-out),box-shadow var(--duration-200) var(--ease-in-out)}main.index .showcase-card:hover{border-color:var(--text3)}main.index .showcase-card-title{color:var(--text1);font-size:var(--fs-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1)}main.index .showcase-card-title--centered{text-align:center}main.index .showcase-card-subtitle{color:var(--text2);font-size:var(--fs-sm);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}main.index .showcase-card-subtitle--centered{text-align:center}main.index .showcase-section-title{color:var(--text1);font-size:var(--fs-sm);font-weight:var(--font-semibold);margin:var(--space-5) 0 var(--space-1)}main.index .showcase-label{color:var(--text1);display:block;font-size:var(--fs-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}main.index .showcase-hint{color:var(--text3);display:block;font-size:var(--fs-xs);margin-top:var(--space-1)}main.index .showcase-input,main.index .showcase-select,main.index .showcase-textarea{margin-bottom:var(--space-3);width:100%}main.index .showcase-field-row{display:flex;gap:var(--space-4)}main.index .showcase-field-row .showcase-field{flex:1}main.index .showcase-field-row .showcase-field--wide{flex:2}main.index .showcase-field-row .showcase-field--narrow{flex:0 0 100px}main.index .showcase-button-row{display:flex;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-4)}main.index .showcase-card--team{padding:var(--space-8) var(--space-5);text-align:center}main.index .showcase-avatar-group{display:flex;justify-content:center;margin-bottom:var(--space-4)}main.index .showcase-avatar{align-items:center;border:3px solid var(--surface2);border-radius:var(--radius-full);display:flex;height:44px;justify-content:center;margin-inline-start:-12px;overflow:hidden;width:44px}main.index .showcase-avatar:first-child{margin-inline-start:0}main.index .showcase-avatar .showcase-avatar-icon{height:100%;width:100%;--fa-primary-color:var(--brand1);--fa-secondary-color:var(--brand3);--fa-primary-opacity:1;--fa-secondary-opacity:0.4}main.index .showcase-avatar:first-child .showcase-avatar-icon{--fa-primary-color:var(--brand1);--fa-secondary-color:oklch(75% 0.15 85deg)}main.index .showcase-avatar:nth-child(2) .showcase-avatar-icon{--fa-primary-color:var(--brand3);--fa-secondary-color:oklch(65% 0.12 85deg)}main.index .showcase-avatar:nth-child(3) .showcase-avatar-icon{--fa-primary-color:oklch(70% 0.16 85deg);--fa-secondary-color:oklch(80% 0.1 85deg)}main.index .showcase-btn-invite{margin-top:var(--space-4)}main.index .showcase-status-bar{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4)}main.index .showcase-status{align-items:center;color:var(--text3);display:flex;font-size:var(--fs-sm);gap:var(--space-2)}main.index .showcase-status:before{animation:statusSpin 1s linear infinite;border:2px solid var(--text3);border-radius:var(--radius-full);border-top:2px solid transparent;content:"";flex-shrink:0;height:14px;width:14px}main.index .showcase-status--active{color:var(--brand1)}main.index .showcase-status--active:before{border-color:var(--brand1);border-top-color:transparent}@keyframes statusSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main.index .showcase-card--chat{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-3)}main.index .showcase-card--chat .showcase-chat-add,main.index .showcase-card--chat .showcase-chat-voice{display:none!important}main.index .showcase-chat-input{flex:1;margin-bottom:0}main.index .showcase-card--setting{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}main.index .showcase-setting-title{color:var(--text1);font-size:var(--fs-sm);font-weight:var(--font-medium);margin:0}main.index .showcase-setting-desc{color:var(--text3);font-size:var(--fs-xs);margin:var(--space-1) 0 0}main.index .showcase-toggle{background:var(--surface4);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;height:26px;position:relative;transition:background-color var(--duration-200) var(--ease-in-out),border-color var(--duration-200) var(--ease-in-out);width:48px}main.index .showcase-toggle:after{background:oklch(1 0 0);border-radius:var(--radius-full);box-shadow:var(--shadow-elevation1);content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--duration-200) var(--ease-out);width:20px}main.index .showcase-toggle:hover{border-color:var(--text3)}main.index .showcase-toggle--on{background:var(--brand1);border-color:var(--brand1)}main.index .showcase-toggle--on:after{transform:translateX(22px)}main.index .showcase-range-container{align-items:center;display:flex;height:24px;position:relative}main.index .showcase-range-container:before{background:var(--surface4);border-radius:var(--radius-full);content:"";height:6px;left:0;position:absolute;right:0;z-index:0}main.index .showcase-range-track{background:var(--brand1);left:20%;width:60%;z-index:1}main.index .showcase-range,main.index .showcase-range-track{border-radius:var(--radius-full);height:6px;pointer-events:none;position:absolute}main.index .showcase-range{appearance:none;background:var(--surface4);cursor:pointer;width:100%}main.index .showcase-range--max,main.index .showcase-range--min{background:transparent;z-index:2}main.index .showcase-range--min{z-index:3}main.index .showcase-range::-webkit-slider-thumb{appearance:none;background:var(--brand1);border-radius:var(--radius-full);box-shadow:var(--shadow-elevation2);cursor:pointer;height:20px;pointer-events:auto;transition:transform var(--duration-100) var(--ease-out);width:20px}main.index .showcase-range::-webkit-slider-thumb:hover{transform:scale(1.15)}main.index .showcase-range::-moz-range-thumb{background:var(--brand1);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-elevation2);cursor:pointer;height:20px;pointer-events:auto;width:20px}main.index .showcase-card--verified{align-items:center;cursor:pointer;display:flex;gap:var(--space-3);transition:background-color var(--duration-150) var(--ease-in-out)}main.index .showcase-card--verified:hover{background:var(--surface3)}main.index .showcase-verified-icon{align-items:center;background:var(--success);border-radius:var(--radius-full);color:oklch(1 0 0);display:flex;font-size:var(--fs-xs);height:24px;justify-content:center;width:24px}main.index .showcase-verified-text{flex:1;font-size:var(--fs-sm)}main.index .showcase-verified-arrow{color:var(--text3);font-size:var(--fs-lg)}main.index .showcase-card--compute{padding:var(--space-5)}main.index .showcase-option{align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-4);transition:border-color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out)}main.index .showcase-option:hover{border-color:var(--text3)}main.index .showcase-option--selected{background:color-mix(in oklch,var(--brand1),transparent 92%);border-color:var(--brand1)}main.index .showcase-option p{color:var(--text3);font-size:var(--fs-xs);margin:var(--space-1) 0 0}main.index .showcase-option strong{font-size:var(--fs-sm);font-weight:var(--font-medium)}main.index .showcase-radio-dot{border:2px solid var(--border);border-radius:var(--radius-full);flex-shrink:0;height:18px;margin-top:2px;transition:border-color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out);width:18px}main.index .showcase-radio-dot--selected{background:var(--brand1);border-color:var(--brand1);box-shadow:inset 0 0 0 3px var(--surface2)}main.index .showcase-counter{align-items:center;background:var(--surface3);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-1)}main.index .showcase-counter-value{font-weight:var(--font-semibold);text-align:center;width:2.5rem}main.index .showcase-counter-btn{align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text1);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color var(--duration-100) var(--ease-in-out),border-color var(--duration-100) var(--ease-in-out);width:32px}main.index .showcase-counter-btn:hover{background:var(--surface4);border-color:var(--text3)}main.index .showcase-counter-btn:active{transform:scale(.95)}main.index .showcase-gpu-row{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:var(--space-4);padding:var(--space-4) 0}main.index .showcase-gpu-label{color:var(--text1);font-size:var(--fs-sm);font-weight:var(--font-medium)}main.index .showcase-gpu-hint{color:var(--text3);display:block;font-size:var(--fs-xs);margin-top:var(--space-1)}main.index .showcase-toggle-row{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:var(--space-3);padding:var(--space-4) 0}main.index .showcase-toggle-text{flex:1}main.index .showcase-toggle-label{color:var(--text1);font-size:var(--fs-sm);font-weight:var(--font-medium)}main.index .showcase-toggle-hint{color:var(--text3);display:block;font-size:var(--fs-xs);margin-top:var(--space-1)}main.index .showcase-actions-bar{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}main.index .showcase-actions-bar .uk-button,main.index .showcase-actions-bar button:not(.showcase-action-back,.showcase-action-more){background:transparent;border:none;color:var(--text2);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);transition:color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out)}main.index .showcase-actions-bar .uk-button:hover,main.index .showcase-actions-bar button:not(.showcase-action-back,.showcase-action-more):hover{background:var(--surface3);border-radius:var(--radius-sm);color:var(--text1)}main.index .showcase-actions-bar .uk-button:active,main.index .showcase-actions-bar button:not(.showcase-action-back,.showcase-action-more):active{transform:scale(.98)}main.index .showcase-action-back,main.index .showcase-action-more{align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text2);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out);width:36px}main.index .showcase-action-back:hover,main.index .showcase-action-more:hover{background:var(--surface3);border-color:var(--text3);color:var(--text1)}main.index .showcase-action-back:active,main.index .showcase-action-more:active{transform:scale(.95)}main.index .showcase-action-back svg,main.index .showcase-action-more svg{fill:currentcolor;height:14px;width:14px}main.index .showcase-pagination-bar{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}main.index .showcase-page{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text2);cursor:pointer;display:flex;font-size:var(--fs-sm);font-weight:var(--font-medium);height:32px;justify-content:center;transition:background-color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out);width:32px}main.index .showcase-page:hover{background:var(--surface3);border-color:var(--border);color:var(--text1)}main.index .showcase-page--active{background:var(--brand1);border-color:var(--brand1);color:var(--text-on-brand)}main.index .showcase-page--active:hover{background:var(--brand3)}main.index .showcase-page-next,main.index .showcase-page-prev{align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text2);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out);width:32px}main.index .showcase-page-next:hover,main.index .showcase-page-prev:hover{background:var(--surface3);border-color:var(--text3);color:var(--text1)}main.index .showcase-page-next svg,main.index .showcase-page-prev svg{fill:currentcolor;height:12px;width:12px}main.index .showcase-copilot{display:none}main.index .showcase-card--ai{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}main.index .showcase-ai-input{width:100%}main.index .showcase-ai-footer{align-items:center;display:flex;font-size:var(--fs-xs);gap:var(--space-2)}main.index .showcase-ai-auto{align-items:center;background:var(--surface3);border-radius:var(--radius-sm);color:var(--text2);display:inline-flex;font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}main.index .showcase-ai-usage{color:var(--text3)}main.index .showcase-ai-send{display:none}main.index .showcase-ai-user{align-items:center;background:var(--brand1);border-radius:var(--radius-sm);color:var(--text-on-brand);display:inline-flex;font-size:var(--fs-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);width:fit-content}main.index .showcase-card--context{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}main.index .showcase-ctx-btn{margin-bottom:var(--space-3)}main.index .showcase-ctx-input{width:100%}main.index .showcase-ctx-footer{align-items:center;display:flex;font-size:var(--fs-xs);gap:var(--space-2)}main.index .showcase-ctx-attach,main.index .showcase-ctx-send{display:none}main.index .showcase-ctx-auto,main.index .showcase-ctx-sources{align-items:center;background:var(--surface3);border-radius:var(--radius-sm);color:var(--text2);display:inline-flex;font-weight:var(--font-medium);padding:var(--space-1) var(--space-2)}main.index .showcase-card--urlbar{align-items:center;background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}main.index .showcase-urlbar-icon{align-items:center;color:var(--text3);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}main.index .showcase-urlbar-icon svg{fill:currentcolor;height:100%;width:100%}main.index .showcase-urlbar-input{background:transparent;border:none;color:var(--text1);flex:1;font-family:var(--font-mono,monospace);font-size:var(--fs-sm);outline:none;padding:0}main.index .showcase-urlbar-input::placeholder{color:var(--text3)}main.index .showcase-urlbar-star{background:transparent;border:none;cursor:pointer;flex-shrink:0;height:16px;padding:0;width:16px}main.index .showcase-urlbar-star:before{background:var(--text3);content:"";display:block;height:100%;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 16 16'%3E%3Cpath d='m8 1.5 1.76 3.57 3.94.57-2.85 2.78.67 3.93L8 10.42l-3.52 1.93.67-3.93L2.3 5.64l3.94-.57z'/%3E%3C/svg%3E") center/contain no-repeat;transition:background-color var(--duration-150) var(--ease-in-out);width:100%}main.index .showcase-urlbar-star:hover:before{background:var(--brand1)}main.index .showcase-card--terms{align-items:center;border:2px solid transparent;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:border-color var(--duration-150) var(--ease-in-out),background-color var(--duration-150) var(--ease-in-out)}main.index .showcase-card--terms:has(input:checked){background:color-mix(in oklch,var(--brand1),transparent 85%);border-color:var(--brand1)}main.index .showcase-card--terms label{align-items:center;color:var(--text1);cursor:pointer;display:flex;font-size:var(--fs-sm);gap:var(--space-3)}main.index .showcase-card--terms input[type=checkbox]{appearance:none;background:var(--surface3);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:24px;position:relative;transition:background-color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out);width:24px}main.index .showcase-card--terms input[type=checkbox]:checked{background:var(--brand1);border-color:var(--brand1)}main.index .showcase-card--terms input[type=checkbox]:checked:after{border:solid oklch(1 0 0);border-width:0 2px 2px 0;content:"";height:11px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}main.index .showcase-spinner{animation:spin var(--duration-700) var(--ease-linear) infinite;border:3px solid var(--surface4);border-radius:var(--radius-full);border-top-color:var(--brand1);display:inline-block;height:28px;margin-bottom:var(--space-4);width:28px}@keyframes spin{to{transform:rotate(1turn)}}main.index .showcase-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}main.index .showcase-chip{align-items:center;background:var(--surface3);border:2px solid var(--border);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:var(--font-medium);gap:0;overflow:hidden;padding:var(--space-2) var(--space-4);transition:background-color var(--duration-150) var(--ease-in-out),border-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out),box-shadow var(--duration-150) var(--ease-in-out),transform var(--duration-100) var(--ease-out),gap var(--duration-200) var(--ease-out)}main.index .showcase-chip:before{align-items:center;color:var(--brand1);content:"✓";display:inline-flex;font-weight:var(--font-bold);justify-content:center;opacity:0;transition:width var(--duration-200) var(--ease-out),opacity var(--duration-150) var(--ease-in-out);width:0}main.index .showcase-chip:hover{border-color:var(--brand1);box-shadow:0 0 12px color-mix(in oklch,var(--brand1),transparent 60%);transform:translateY(-1px)}main.index .showcase-chip:active{transform:translateY(0) scale(.98)}main.index .showcase-chip--selected{border-color:var(--brand1);box-shadow:0 0 16px color-mix(in oklch,var(--brand1),transparent 50%);gap:var(--space-2)}main.index .showcase-chip--selected:before{opacity:1;width:1em}main.index .showcase-chip--selected:hover{border-color:var(--brand3)}.showcase-images-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(6,1fr);width:100%}@media(width <= 1024px){.showcase-images-grid{grid-template-columns:repeat(4,1fr)}}@media(width <= 640px){.showcase-images-grid{grid-template-columns:repeat(2,1fr)}}.image-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color var(--duration-200) var(--ease-in-out),transform var(--duration-200) var(--ease-out)}.image-card:hover{border-color:var(--brand1);transform:translateY(-2px)}.image-card__media{aspect-ratio:1;background:var(--surface3);overflow:hidden;position:relative}.image-card__media .responsive-image{inset:0;position:absolute}.image-card__media .responsive-image__img,.image-card__media .responsive-image__picture{height:100%;object-fit:cover;width:100%}.image-card__body{padding:var(--space-2) var(--space-3)}.image-card__title{color:var(--text1);font-size:var(--fs-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);margin:0}.image-card--sm{grid-column:span 1}.image-card--md{grid-column:span 2}.image-card--md .image-card__media{aspect-ratio:2/1}.image-card--lg{grid-column:span 2;grid-row:span 2}.image-card--lg .image-card__media{aspect-ratio:1;flex:1}.image-card--lg .image-card__title{font-size:var(--fs-sm)}.image-card--wide{grid-column:span 3}.image-card--wide .image-card__media{aspect-ratio:3/1}@media(width <= 640px){.image-card--wide{grid-column:span 2}.image-card--wide .image-card__media{aspect-ratio:2/1}}.image-card--tall{grid-row:span 2}.image-card--tall .image-card__media{aspect-ratio:1/2;flex:1}@media(width <= 640px){.image-card--tall{grid-row:span 1}.image-card--tall .image-card__media{aspect-ratio:1}}.image-card--overlay .image-card__media{flex:1}.image-card--overlay .image-card__body{backdrop-filter:blur(4px);background:oklch(0 0 0/.6);bottom:0;left:0;position:absolute;right:0;z-index:10}.image-card--overlay .image-card__title{color:oklch(1 0 0)}.image-card--no-title .image-card__body{display:none}.image-card--no-title .image-card__media{border-radius:var(--radius-md)}main.index .showcase-card--search{display:flex;flex-direction:column;overflow:hidden;padding:0}main.index .showcase-search-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}main.index .showcase-search-icon{align-items:center;color:var(--text3);display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}main.index .showcase-search-icon svg{fill:currentcolor;height:100%;width:100%}main.index .showcase-search-input{flex:1}main.index .showcase-search-count{color:var(--text3);font-size:var(--fs-xs);white-space:nowrap}main.index .showcase-search-dropdown{display:none;flex-direction:column}main.index .showcase-search-dropdown--visible{display:flex}main.index .showcase-search-result{color:var(--text2);display:block;font-size:var(--fs-sm);padding:var(--space-3) var(--space-4);text-decoration:none;transition:background-color var(--duration-150) var(--ease-in-out),color var(--duration-150) var(--ease-in-out)}main.index .showcase-search-result--active,main.index .showcase-search-result:hover{background:var(--surface3);color:var(--text1)}main.index .showcase-card--url{align-items:center;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}main.index .showcase-url-input{flex:1}main.index .showcase-url-info{display:none}