:root{overflow-wrap:break-word;text-size-adjust:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tt-gray-light-a-50:rgba(56,56,56,.04);--tt-gray-light-a-100:rgba(15,22,36,.05);--tt-gray-light-a-200:rgba(37,39,45,.1);--tt-gray-light-a-300:rgba(47,50,55,.2);--tt-gray-light-a-400:rgba(40,44,51,.42);--tt-gray-light-a-500:rgba(52,55,60,.64);--tt-gray-light-a-600:rgba(36,39,46,.78);--tt-gray-light-a-700:rgba(35,37,42,.87);--tt-gray-light-a-800:rgba(30,32,36,.95);--tt-gray-light-a-900:rgba(29,30,32,.98);--tt-gray-light-50:#fafafa;--tt-gray-light-100:#f4f4f5;--tt-gray-light-200:#eaeaeb;--tt-gray-light-300:#d5d6d7;--tt-gray-light-400:#a6a7ab;--tt-gray-light-500:#7d7f82;--tt-gray-light-600:#53565a;--tt-gray-light-700:#404145;--tt-gray-light-800:#2c2d30;--tt-gray-light-900:#222325;--tt-gray-dark-a-50:rgba(232,232,253,.05);--tt-gray-dark-a-100:rgba(231,231,243,.07);--tt-gray-dark-a-200:rgba(238,238,246,.11);--tt-gray-dark-a-300:rgba(239,239,245,.22);--tt-gray-dark-a-400:rgba(244,244,255,.37);--tt-gray-dark-a-500:rgba(236,238,253,.5);--tt-gray-dark-a-600:rgba(247,247,253,.64);--tt-gray-dark-a-700:rgba(251,251,254,.75);--tt-gray-dark-a-800:hsla(0,0%,99%,.88);--tt-gray-dark-a-900:hsla(0,0%,100%,.96);--tt-gray-dark-50:#19191a;--tt-gray-dark-100:#202022;--tt-gray-dark-200:#2d2d2f;--tt-gray-dark-300:#464649;--tt-gray-dark-400:#636369;--tt-gray-dark-500:#7c7c83;--tt-gray-dark-600:#a3a3a8;--tt-gray-dark-700:#c0c0c3;--tt-gray-dark-800:#e0e0e1;--tt-gray-dark-900:#f5f5f5;--tt-brand-color-50:#efeeff;--tt-brand-color-100:#dedbff;--tt-brand-color-200:#c3bdff;--tt-brand-color-300:#9d8aff;--tt-brand-color-400:#7a52ff;--tt-brand-color-500:#6229ff;--tt-brand-color-600:#5400e5;--tt-brand-color-700:#4b00cc;--tt-brand-color-800:#380099;--tt-brand-color-900:#2b1966;--tt-brand-color-950:#0d002e;--tt-color-green-inc-5:#f0fff2;--tt-color-green-inc-4:#d6ffdc;--tt-color-green-inc-3:#b8ffc5;--tt-color-green-inc-2:#90fea8;--tt-color-green-inc-1:#67fe92;--tt-color-green-base:#01fe73;--tt-color-green-dec-1:#03ce5e;--tt-color-green-dec-2:#02a247;--tt-color-green-dec-3:#007a35;--tt-color-green-dec-4:#005221;--tt-color-green-dec-5:#002e0f;--tt-color-yellow-inc-5:#fffcf0;--tt-color-yellow-inc-4:#fff7d1;--tt-color-yellow-inc-3:#fff1ad;--tt-color-yellow-inc-2:#ffeb8a;--tt-color-yellow-inc-1:#ffe45c;--tt-color-yellow-base:#fd0;--tt-color-yellow-dec-1:#d1b500;--tt-color-yellow-dec-2:#a38d00;--tt-color-yellow-dec-3:#7a6a00;--tt-color-yellow-dec-4:#524500;--tt-color-yellow-dec-5:#2e2600;--tt-color-red-inc-5:#ffeeeb;--tt-color-red-inc-4:#ffcdc2;--tt-color-red-inc-3:#fa9;--tt-color-red-inc-2:#ff8a75;--tt-color-red-inc-1:#ff5d47;--tt-color-red-base:#ff3014;--tt-color-red-dec-1:#d11800;--tt-color-red-dec-2:#a30e00;--tt-color-red-dec-3:#7a0800;--tt-color-red-dec-4:#520400;--tt-color-red-dec-5:#2e0100;--white:#fff;--black:#0e0e11;--transparent:hsla(0,0%,100%,0);--tt-shadow-elevated-md:0px 16px 48px 0px rgba(17,24,39,.04),0px 12px 24px 0px rgba(17,24,39,.04),0px 6px 8px 0px rgba(17,24,39,.02),0px 2px 3px 0px rgba(17,24,39,.02);--tt-radius-xxs:0.125rem;--tt-radius-xs:0.25rem;--tt-radius-sm:0.375rem;--tt-radius-md:0.5rem;--tt-radius-lg:0.75rem;--tt-radius-xl:1rem;--tt-transition-duration-short:0.1s;--tt-transition-duration-default:0.2s;--tt-transition-duration-long:0.64s;--tt-transition-easing-default:cubic-bezier(0.46,0.03,0.52,0.96);--tt-transition-easing-cubic:cubic-bezier(0.65,0.05,0.36,1);--tt-transition-easing-quart:cubic-bezier(0.77,0,0.18,1);--tt-transition-easing-circ:cubic-bezier(0.79,0.14,0.15,0.86);--tt-transition-easing-back:cubic-bezier(0.68,-0.55,0.27,1.55);--tt-accent-contrast:8%;--tt-destructive-contrast:8%;--tt-foreground-contrast:8%}:root,:root *,:root :after,:root :before{box-sizing:border-box;transition:none var(--tt-transition-duration-default) var(--tt-transition-easing-default)}:root{--tt-bg-color:var(--white);--tt-border-color:var(--tt-gray-light-a-200);--tt-border-color-tint:var(--tt-gray-light-a-100);--tt-sidebar-bg-color:var(--tt-gray-light-100);--tt-scrollbar-color:var(--tt-gray-light-a-200);--tt-cursor-color:var(--tt-brand-color-500);--tt-selection-color:rgba(157,138,255,.2);--tt-card-bg-color:var(--white);--tt-card-border-color:var(--tt-gray-light-a-100)}.dark{--tt-bg-color:var(--black);--tt-border-color:var(--tt-gray-dark-a-200);--tt-border-color-tint:var(--tt-gray-dark-a-100);--tt-sidebar-bg-color:var(--tt-gray-dark-100);--tt-scrollbar-color:var(--tt-gray-dark-a-200);--tt-cursor-color:var(--tt-brand-color-400);--tt-selection-color:rgba(122,82,255,.2);--tt-card-bg-color:var(--tt-gray-dark-50);--tt-card-border-color:var(--tt-gray-dark-a-50);--tt-shadow-elevated-md:0px 16px 48px 0px rgba(0,0,0,.5),0px 12px 24px 0px rgba(0,0,0,.24),0px 6px 8px 0px rgba(0,0,0,.22),0px 2px 3px 0px rgba(0,0,0,.12)}:root{--tt-color-text-gray:#787673;--tt-color-text-brown:#9d6a53;--tt-color-text-orange:#d9730d;--tt-color-text-yellow:#ca922f;--tt-color-text-green:#448361;--tt-color-text-blue:#327da9;--tt-color-text-purple:#8f64af;--tt-color-text-pink:#c24c8b;--tt-color-text-red:#d34a45;--tt-color-text-gray-contrast:rgba(84,71,49,.15);--tt-color-text-brown-contrast:hsla(18,43%,69%,.35);--tt-color-text-orange-contrast:rgba(224,123,56,.27);--tt-color-text-yellow-contrast:rgba(236,190,65,.39);--tt-color-text-green-contrast:rgba(123,183,129,.27);--tt-color-text-blue-contrast:rgba(94,166,207,.27);--tt-color-text-purple-contrast:rgba(168,129,197,.27);--tt-color-text-pink-contrast:rgba(225,137,180,.27);--tt-color-text-red-contrast:hsla(8,79%,79%,.4)}.dark{--tt-color-text-gray:#9c9c9c;--tt-color-text-brown:#b9856e;--tt-color-text-orange:#c77d48;--tt-color-text-yellow:#ca994e;--tt-color-text-green:#519e71;--tt-color-text-blue:#3699d3;--tt-color-text-purple:#9e69d3;--tt-color-text-pink:#d15796;--tt-color-text-red:#df5553;--tt-color-text-gray-contrast:hsla(0,0%,100%,.09);--tt-color-text-brown-contrast:rgba(185,103,70,.25);--tt-color-text-orange-contrast:rgba(233,125,37,.2);--tt-color-text-yellow-contrast:rgba(179,130,61,.2);--tt-color-text-green-contrast:rgba(45,154,101,.2);--tt-color-text-blue-contrast:rgba(50,125,169,.2);--tt-color-text-purple-contrast:rgba(155,96,210,.18);--tt-color-text-pink-contrast:rgba(220,76,146,.22);--tt-color-text-red-contrast:rgba(221,85,85,.25)}:root{--tt-color-highlight-yellow:#fef9c3;--tt-color-highlight-green:#dcfce7;--tt-color-highlight-blue:#e0f2fe;--tt-color-highlight-purple:#f3e8ff;--tt-color-highlight-red:#ffe4e6;--tt-color-highlight-gray:#f8f8f7;--tt-color-highlight-brown:#f4eeee;--tt-color-highlight-orange:#fbecdd;--tt-color-highlight-pink:#fcf1f6;--tt-color-highlight-yellow-contrast:#fbe604;--tt-color-highlight-green-contrast:#c7fad8;--tt-color-highlight-blue-contrast:#ceeafd;--tt-color-highlight-purple-contrast:#e4ccff;--tt-color-highlight-red-contrast:#ffccd0;--tt-color-highlight-gray-contrast:rgba(84,72,49,.15);--tt-color-highlight-brown-contrast:hsla(18,43%,69%,.35);--tt-color-highlight-orange-contrast:rgba(224,124,57,.27);--tt-color-highlight-pink-contrast:rgba(225,136,179,.27)}.dark{--tt-color-highlight-yellow:#6b6524;--tt-color-highlight-green:#509568;--tt-color-highlight-blue:#6e92aa;--tt-color-highlight-purple:#583e74;--tt-color-highlight-red:#743e42;--tt-color-highlight-gray:#2f2f2f;--tt-color-highlight-brown:#4a3228;--tt-color-highlight-orange:#5c3b23;--tt-color-highlight-pink:#4e2c3c;--tt-color-highlight-yellow-contrast:#58531e;--tt-color-highlight-green-contrast:#47855d;--tt-color-highlight-blue-contrast:#5e86a1;--tt-color-highlight-purple-contrast:#4c3564;--tt-color-highlight-red-contrast:#643539;--tt-color-highlight-gray-contrast:hsla(0,0%,100%,.094);--tt-color-highlight-brown-contrast:rgba(184,101,69,.25);--tt-color-highlight-orange-contrast:rgba(233,126,37,.2);--tt-color-highlight-pink-contrast:rgba(220,76,145,.22)}.showcases-page{min-height:100vh;padding:-2px 18px 48px;max-width:1200px;margin:0 auto}.showcases-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}.showcases-header__title{font-size:28px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcases-header__subtitle{opacity:.7;margin-top:4px;font-size:14px}.showcases-header__subtitle a{text-decoration:none;color:inherit;transition:color .2s}.showcases-header__subtitle a:hover{color:var(--tt-brand-color-400)}.showcases-header__actions{display:flex;gap:10px}.showcases-header__btn{padding:10px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.25);color:#fff;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.showcases-header__btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.showcases-create{position:relative;z-index:50;border-radius:14px;padding:18px 20px;margin-bottom:24px;background:rgba(22,22,24,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.06);box-shadow:0 2px 16px rgba(0,0,0,.2)}.showcases-create__title{font-weight:600;font-size:14px;margin-bottom:12px;color:hsla(0,0%,100%,.7);letter-spacing:.02em}.showcases-create__form{display:grid;grid-template-columns:1fr 140px 140px auto;grid-gap:12px;gap:12px;align-items:center}@media(max-width:768px){.showcases-create__form{grid-template-columns:1fr}}.showcases-create__input,.showcases-create__select{height:44px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.4);color:#fff;padding:0 14px;outline:none;font-size:14px;transition:all .2s ease}.showcases-create__input:focus,.showcases-create__select:focus{border-color:hsla(0,0%,100%,.25);box-shadow:0 0 0 2px hsla(0,0%,100%,.08)}.showcases-create__input::placeholder,.showcases-create__select::placeholder{color:hsla(0,0%,100%,.4)}.showcases-create__select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.showcases-create__select option{background:#18181a;color:#fff;padding:10px}.showcases-create__submit{height:42px;padding:0 22px;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s ease;letter-spacing:.02em}.showcases-create__submit:hover:not(:disabled){background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.25)}.showcases-create__submit:active:not(:disabled){background:hsla(0,0%,100%,.1)}.showcases-create__submit:disabled{opacity:.4;cursor:not-allowed}.custom-select{position:relative;min-width:130px}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:42px;padding:0 14px;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.35);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.custom-select__trigger:hover{border-color:hsla(0,0%,100%,.2);background:rgba(0,0,0,.45)}.custom-select__trigger:focus{outline:none;border-color:hsla(0,0%,100%,.3)}.custom-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select__arrow{flex-shrink:0;opacity:.5;transition:transform .2s ease}.custom-select__arrow.open{transform:rotate(180deg)}.custom-select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1000;padding:6px;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);background:rgba(20,20,22,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.03);list-style:none;margin:0;overflow:hidden}.custom-select__menu li{margin:0}.custom-select__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;color:hsla(0,0%,100%,.8);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .1s ease}.custom-select__option:hover{background:hsla(0,0%,100%,.08);color:#fff}.custom-select__option.selected{color:#fff;background:hsla(0,0%,100%,.06)}.custom-select__option svg{opacity:.6}.custom-select__option.disabled{opacity:.4;cursor:not-allowed}.custom-select__option.disabled:hover{background:hsla(0,0%,100%,.05);opacity:.8}.showcases-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media(max-width:640px){.showcases-grid{grid-template-columns:1fr}}.showcases-empty{text-align:center;padding:60px 24px;border:2px dashed hsla(0,0%,100%,.15);border-radius:24px;background:rgba(0,0,0,.1)}.showcases-empty__icon{font-size:48px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.showcases-empty__title{font-size:20px;font-weight:800;margin-bottom:8px}.showcases-empty__text{opacity:.7;max-width:300px;margin:0 auto;line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.showcase-card{position:relative;border-radius:18px;overflow:hidden;background:rgba(20,20,22,.8);border:1px solid hsla(0,0%,100%,.08);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);cursor:pointer}.showcase-card:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 16px 48px rgba(0,0,0,.5);transform:translateY(-2px)}.showcase-card:hover .showcase-card__actions{opacity:1;transform:translateY(0)}.showcase-card:hover .showcase-card__cover-img{transform:scale(1.03)}.showcase-card:hover .showcase-card__gradient{opacity:.85}.showcase-card__cover{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#1a1a1c,#2d2d30)}.showcase-card__cover-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.showcase-card__cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:hsla(0,0%,100%,.3)}.showcase-card__cover-icon{font-size:48px;opacity:.5}.showcase-card__cover-text{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.showcase-card__gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent,transparent 50%,rgba(0,0,0,.8));opacity:.7;transition:opacity .3s;pointer-events:none}.showcase-card__dot{position:absolute;width:10px;height:10px;background:#0a0a0a;border-radius:50%;z-index:5}.showcase-card__dot--tl{top:10px;left:10px}.showcase-card__dot--tr{top:10px;right:10px}.showcase-card__dot--bl{bottom:10px;left:10px}.showcase-card__dot--br{bottom:10px;right:10px}.showcase-card__visibility{position:absolute;top:14px;left:14px;font-size:12px;z-index:10;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 8px;border-radius:99px;border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.showcase-card__visibility.private{opacity:.8}.showcase-card__actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transition:all .3s ease;z-index:15}.showcase-card__action-btn{width:32px;height:32px;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.2,.8,.2,1)}.showcase-card__action-btn:hover{background:hsla(0,0%,100%,.9);color:#000;transform:scale(1.1)}.showcase-card__action-btn--danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.showcase-card__content{padding:14px 14px 16px}.showcase-card__title{font-size:15px;font-weight:800;margin:0 0 18px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.showcase-card__meta{display:flex;align-items:center;justify-content:flex-start;gap:8px}.showcase-card__template{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.showcase-card__author-info{display:flex;align-items:center;gap:6px;transition:opacity .2s}.showcase-card__author-info:hover{opacity:1}.showcase-card__author-name{font-size:13px;font-weight:500;color:hsla(0,0%,100%,.7);letter-spacing:-.01em}.showcase-card__author{font-size:12px;opacity:.6}.showcase-card__link{position:absolute;inset:0;z-index:5}.cover-upload-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.cover-upload-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cover-upload-modal__content{position:relative;width:100%;max-width:400px;background:#1a1a1c;border-radius:20px;border:1px solid hsla(0,0%,100%,.1);padding:24px;z-index:1}.cover-upload-modal__title{font-size:18px;font-weight:800;margin-bottom:16px;text-align:center}.cover-upload-modal__dropzone{border:2px dashed hsla(0,0%,100%,.2);border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s}.cover-upload-modal__dropzone.dragging,.cover-upload-modal__dropzone:hover{border-color:hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.03)}.cover-upload-modal__icon{font-size:40px;margin-bottom:12px}.cover-upload-modal__text{font-size:14px;opacity:.7}.cover-upload-modal__actions{display:flex;gap:10px;margin-top:16px}.cover-upload-modal__btn{flex:1 1;height:44px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:rgba(0,0,0,.3);color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.cover-upload-modal__btn:hover{background:hsla(0,0%,100%,.1)}.cover-upload-modal__btn--primary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.cover-upload-modal__btn--primary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.cover-upload-modal__btn--primary:disabled{opacity:.4;cursor:not-allowed}.showcase-card-wrapper{will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);page-break-inside:avoid;break-inside:avoid;margin-bottom:28px;background:transparent!important;border:none!important;padding:0!important}