@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{cursor:none!important}.custom-cursor{background-color:#fff;border-radius:50%;height:15px;mix-blend-mode:difference;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:all .2s ease-out;width:15px;will-change:transform,width,height,opacity;z-index:9999}.custom-cursor.hover{background-color:#ffffffe6;height:25px;width:25px}.custom-cursor.tooltip-mode{background-color:#ffffffe6;border-radius:4px;color:#000;font-size:12px;height:auto;min-height:25px;min-width:25px;mix-blend-mode:normal;padding:4px 8px;transform:translate(8px,8px);transition:all .2s ease-out;white-space:nowrap;width:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body,html{height:100%;width:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6,ol,p,ul{margin-top:0}*{box-sizing:border-box;margin:0;padding:0;transition-duration:.3s;transition-property:background-color,color,border-color,box-shadow;transition-timing-function:ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s ease}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#333;padding:1rem}.navbar ul{display:flex;gap:20px;justify-content:center;list-style:none}.navbar a{border-radius:4px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .3s}.navbar a:hover{background-color:#ffffff1a}.App{background-color:#fff;font-family:Arial,sans-serif;height:100%;min-height:100vh;transition:background-color .3s ease;width:100%}a{color:#06c;text-decoration:none;transition:color .3s}a:hover{color:#049}button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s}button:hover{background-color:#049}button:disabled{background-color:#ccc;cursor:not-allowed}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.geist-customDark .card-elevated{background-color:#333!important}.geist-customDark .tag-default{background-color:#444!important}.geist-customDark{color:#eaeaea}.geist-customDark,.geist-customDark .App,.geist-customDark body{background-color:#222!important}body,html{background-color:#fff;transition:background-color .3s ease}body.geist-customDark,html.geist-customDark{background-color:#222!important}#root{background-color:inherit;min-height:100vh;transition:background-color .3s ease}.geist-customDark .geist-card{background-color:#333!important;border:1px solid #444!important;color:#eaeaea!important}.geist-customDark .geist-button{background-color:#444!important;border-color:#555!important;color:#fff!important;overflow:hidden;position:relative}.geist-customDark .geist-button:hover{color:#fff!important}.geist-customDark .geist-button:active{background-color:#555!important;box-shadow:0 0 8px #6464ff33!important;transform:translateY(1px)}.geist-customDark .geist-input-container{background-color:#333!important;border-color:#444!important}.geist-customDark .geist-input{background-color:#333!important;color:#eaeaea!important}.geist-customDark .geist-text{color:#eaeaea!important}.geist-customDark .texture-detail-panel{background-color:initial!important}.geist-customDark .texture-detail-panel .geist-card{background-color:#333!important;border:1px solid #444!important;box-shadow:0 0 15px #6464ff40,0 0 8px #9696ff26!important}.geist-customDark .texture-detail-panel .geist-card-content{background-color:#333!important;color:#eaeaea!important}.geist-customDark .geist-card,.geist-customDark .geist-card-content,.geist-customDark .geist-card-footer{background-color:#333!important;border-color:#444!important;color:#eaeaea!important}.geist-customDark .geist-shadow{box-shadow:0 0 15px #6464ff40,0 0 8px #9696ff26!important}.geist-customDark .filter-panel{background-color:initial!important}.geist-customDark .filter-panel .geist-card{background-color:#333!important;border:1px solid #444!important;box-shadow:0 0 15px #6464ff40,0 0 8px #9696ff26!important}.geist-customDark .filter-panel .geist-card-content{background-color:#333!important;color:#eaeaea!important}.geist-customDark .geist-button:hover{background-color:#555!important;border-color:#666!important}.geist-customDark .geist-button:hover,.geist-customDark .theme-switcher-button{box-shadow:0 0 12px #6464ff4d!important}.geist-customDark .tag{transition:all .2s ease!important}.geist-customDark .tag:hover{box-shadow:0 0 8px #6464ff4d!important;opacity:1!important;transform:translateY(-1px)}.geist-customDark .filter-panel .geist-card,.geist-customDark .texture-detail-panel .geist-card{background-color:#333!important;border:1px solid #444!important;box-shadow:0 0 15px #6464ff40,0 0 8px #9696ff26!important}@font-face{font-display:swap;font-family:OpenSauceTwo-ExtraBold;font-style:normal;font-weight:800;src:url(/static/media/OpenSauceTwo-ExtraBold.88b0bf237f1030a44889.ttf) format("truetype")}@font-face{font-display:swap;font-family:GeneralSans-Variable;font-style:normal;font-weight:100 900;src:url(/static/media/GeneralSans-Variable.d7facbbe2ed9ae4aae49.ttf) format("truetype")}body{align-items:center;background:#f0f0f0;display:flex;flex-direction:column;font-family:sans-serif;min-height:100vh;padding:20px}.page1,body{overflow:hidden}.page1{height:100vh;position:relative;width:100vw}.kosma-background-text{font-family:OpenSauceTwo-ExtraBold,Arial,sans-serif;left:0;margin-left:20px;margin-top:30;padding:20px;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;z-index:0}.kosma-background-text img{height:auto;opacity:.15;width:900px}@media (prefers-color-scheme:dark){.kosma-background-text img{opacity:.25}}.kosma-background-text>div{height:100%;width:100%}header{flex-shrink:0;margin-bottom:20px;text-align:center}nav a{color:#007bff;font-weight:700;margin:0 15px}nav a:hover{text-decoration:underline}.scene{background:#0000;border:none;height:400px;margin:auto;position:relative;width:400px}.stack-container{height:100%;position:relative;transition:transform .4s ease;width:100%;will-change:transform}.square{border:2px solid #333;box-sizing:border-box;pointer-events:auto;position:absolute;transform:translate(var(--tx),var(--ty)) skewX(0deg) skewY(30deg);transform:translate(var(--tx),var(--ty)) skewX(0deg) skewY(var(--skewY,30deg));transition:transform .3s cubic-bezier(.25,1,.5,1),background-color .3s ease,box-shadow .3s ease;will-change:transform}.square.active{box-shadow:0 8px 16px #0000004d;cursor:pointer;transform:translate(var(--tx),calc(var(--ty) - 50px)) skewX(0deg) skewY(var(--skewY)) scale(1.1) rotate(2deg)}.square.selected{box-shadow:0 12px 30px #0000004d!important;pointer-events:auto!important;transform:translate3d(var(--tx),calc(var(--ty) - 80px),0) skewY(var(--skewY)) scale(1.3)!important;transition:none!important;will-change:transform}.square.selected:not(.scrolling){transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease!important}.square.adjacent.left{transform:translate(calc(var(--tx) - 5px),var(--ty)) skewX(0deg) skewY(var(--skewY))}.square.adjacent.right{transform:translate(calc(var(--tx) + 5px),var(--ty)) skewX(0deg) skewY(var(--skewY))}.square .overlay{opacity:0;pointer-events:none;transition:opacity .3s ease}.square.active .overlay{opacity:1}#detailCard{font-family:sans-serif}.texture-detail-panel{background:#fff;border-radius:12px;box-shadow:0 5px 25px #00000026;max-height:90vh;opacity:0;overflow:hidden;overflow-y:auto;position:fixed;transform:translateX(100%);transition:transform .3s ease,opacity .3s ease}.texture-detail-panel.visible{opacity:1;transform:translateX(0)}.texture-details-container{position:relative}.close-button{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:background-color .2s ease;width:24px}.close-button:hover{background:#0003}.texture-header{align-items:center;display:flex;margin-bottom:15px}.texture-title{flex:1 1;font-size:18px;font-weight:600;margin:0}.color-box-header{border-radius:6px;height:30px;margin-left:10px;width:30px}.texture-info{margin-bottom:20px}.info-row{margin-bottom:10px}.label{color:#555;display:block;font-size:12px;margin-bottom:3px}.value{color:#000;font-size:14px}.texture-tags{margin-top:15px}.tags-group{margin-bottom:15px}.tags-title{color:#555;display:block;font-size:12px;margin-bottom:6px}.tags-container{gap:5px}.tag{background-color:#f0f0f0;border-radius:12px;color:#333;font-size:12px;padding:3px 8px}.color-preview{align-items:center;display:flex}.color-box{border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;height:30px;margin-left:10px;width:30px}.zoom-message{background:#0009;color:#fff;left:50%;opacity:.8;padding:10px 15px;transform:translateX(-50%);transition:opacity .3s}.zoom-message,.zoom-message-container{border-radius:20px;bottom:20px;font-size:.9em;pointer-events:none;position:fixed}.zoom-message-container{align-items:center;display:flex;height:40px;justify-content:center;left:420px;padding:10px 0;right:420px;z-index:10}.zoom-message-container>div{height:100%;width:100%}.selection-indicator{display:none}.card-tooltip{background-color:#000c;border-radius:4px;color:#fff;font-size:14px;max-width:250px;opacity:0;padding:8px 12px;pointer-events:none;position:fixed;transition:opacity .2s ease-in-out;z-index:3000}.card-tooltip.visible{opacity:1}.close-button-overlay{align-items:center;background-color:#ffffffe6;border-radius:50%;box-shadow:0 2px 10px #0003;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:1200}.close-button-overlay:hover{background-color:#f0f0f0;transform:scale(1.1)}.texture-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.texture-card:hover{z-index:10}.texture-card.selected{box-shadow:0 15px 40px #0000004d!important;z-index:20}.texture-details{background:#fff;box-shadow:-5px 0 25px #0003;height:100%;overflow-y:auto;padding:40px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .5s cubic-bezier(.2,.8,.2,1);width:40%;z-index:900}.texture-details.visible{transform:translateX(0)}:root{--primary-color:#333;--background-color:#fff;--border-color:#eaeaea;--text-color:#333;--text-secondary:#666;--text-light:#999;--tactile-bg:#e3f2fd;--tactile-color:#07c;--tactile-border:#07c3;--aesthetic-bg:#f3e5f5;--aesthetic-color:#9c27b0;--aesthetic-border:#9c27b033;--technical-bg:#e8f5e9;--technical-color:#2e7d32;--technical-border:#2e7d3233;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--bento-card-height:220px;--bento-gap:1rem}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}.loading{align-items:center;color:#666;color:var(--text-secondary);display:flex;flex-direction:column;font-size:1.25rem;gap:1rem;gap:var(--spacing-md);height:100vh;justify-content:center;width:100%}.loading:after{animation:spin 1s linear infinite;border:3px solid #eee;border-radius:50%;border-top-color:#333;border-top:3px solid var(--primary-color);content:"";height:40px;width:40px}.bento-page{background-color:#fff;background-color:var(--background-color);flex-direction:column;min-height:100vh}.bento-page,.split-layout{display:flex;overflow:hidden}.split-layout{height:100vh;width:100%}.left-column{background-color:#fafafa;flex:0 0 50%;height:100vh;position:sticky;top:0}.right-column{display:flex;flex:0 0 50%;flex-direction:column;justify-content:flex-start;max-height:100vh;overflow:hidden;padding:0}.texture-title{align-items:center;border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color);display:flex;height:20vh;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.texture-title h1{flex:1 1;font-size:min(5vw,4rem);font-weight:800;line-height:1;margin:0}.back-link,.texture-title h1{color:#333;color:var(--primary-color)}.back-link{background-color:#f5f5f5;border-radius:16px;border-radius:var(--border-radius-md);font-size:1rem;font-weight:500;margin-left:1rem;margin-left:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease;white-space:nowrap}.back-link:hover{background-color:#eee;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.bento-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr auto;height:80vh;overflow:hidden;padding:1rem;padding:var(--spacing-md);width:100%}.bento-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:24px;transition:all .3s ease}.bento-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.auto-height{height:auto;min-height:200px}.full-width{grid-column:span 2}.bento-card-content{display:flex;flex:1 1;flex-direction:column;font-size:1rem!important;justify-content:center;line-height:1.5!important}.bento-card-content *{font-size:inherit!important}.bento-grid>.bento-card:first-child .bento-card-content>*{max-width:100%!important;transform:scale(.9)!important;transform-origin:left center!important;width:200%!important}.bento-card-title{color:#333;color:var(--primary-color);font-size:4.8rem!important;font-weight:700!important;margin-bottom:2rem!important}.texture-viewer-container{flex:1 1}.texture-viewer-controls{display:none}.map-selector-container{align-items:center;display:flex;height:100%;justify-content:center;padding:0;width:100%}.map-selector-grid{grid-gap:min(1.5vh,10px);display:grid;gap:min(1.5vh,10px);grid-template-columns:repeat(3,1fr);height:100%;padding:min(1.5vh,10px);place-items:center;width:100%}.map-selector-button{align-items:center;border:1px solid;border-radius:min(1.5vh,10px);cursor:pointer;display:flex;font-size:clamp(11px,1.4vh,14px);font-weight:500;height:100%;-webkit-hyphens:auto;hyphens:auto;justify-content:center;max-height:60px;max-width:100%;min-height:min(7vh,55px);overflow:hidden;padding:0;position:relative;transition:all .2s ease-in-out;width:95%;word-break:break-word}.map-selector-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.map-selector-button.active{box-shadow:0 6px 18px #0003;font-weight:600;transform:scale(1.02)}.map-button-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:100%;overflow:hidden;padding:min(1.2vh,8px) min(1.5vh,10px);width:100%}.map-button-label{letter-spacing:.3px;line-height:1.1;margin:0;max-width:100%;overflow:hidden;padding:0 2px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.map-selector-grid{gap:6px;padding:6px}.map-selector-button{border-radius:8px;font-size:12px;min-height:45px}.map-button-content{padding:6px 8px}}@media (max-width:900px){.map-selector-grid{gap:5px;padding:5px}.map-selector-button{border-radius:6px;font-size:11px;min-height:40px}.map-button-content{padding:5px 6px}}@media (max-width:600px){.map-selector-grid{gap:4px;padding:4px}.map-selector-button{border-radius:5px;font-size:10px;min-height:35px}.map-button-content{padding:4px 5px}.map-button-label{letter-spacing:0}}.info-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);align-content:start;display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));height:100%;width:100%}.info-grid.compact{gap:.25rem;gap:var(--spacing-xs)}.info-item{display:flex;flex-direction:column;height:100%}.info-label{color:#999;color:var(--text-light);font-size:clamp(.7rem,.8vw,.8rem);letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.info-value{font-size:clamp(.8rem,1vw,1rem);font-weight:600}.info-description{color:#666;color:var(--text-secondary);font-size:clamp(.75rem,.9vw,.85rem);line-height:1.4;margin:0}.tags-grid{grid-gap:.25rem;grid-gap:var(--spacing-xs);display:grid;gap:.25rem;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr);height:100%;width:100%}.tag-section{display:flex;flex-direction:column;height:100%;margin-bottom:0;overflow:hidden}.tag-heading{color:#666;color:var(--text-secondary);font-size:clamp(.8rem,1vw,.9rem);font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs)}.tags-container{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:.125rem;gap:calc(var(--spacing-xs)/2);overflow:hidden}.tag{border-radius:8px;border-radius:var(--border-radius-sm);cursor:default;font-size:clamp(.65rem,.8vw,.75rem);font-weight:500;margin-bottom:.125rem;margin-bottom:calc(var(--spacing-xs)/2);padding:.125rem .25rem;padding:calc(var(--spacing-xs)/2) var(--spacing-xs);transition:all .2s;white-space:nowrap}.tag:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-2px)}.tactile-tag{background-color:#e3f2fd;background-color:var(--tactile-bg);border:1px solid #07c3;border:1px solid var(--tactile-border);color:#07c;color:var(--tactile-color)}.aesthetic-tag{background-color:#f3e5f5;background-color:var(--aesthetic-bg);border:1px solid #9c27b033;border:1px solid var(--aesthetic-border);color:#9c27b0;color:var(--aesthetic-color)}.technical-tag{background-color:#e8f5e9;background-color:var(--technical-bg);border:1px solid #2e7d3233;border:1px solid var(--technical-border);color:#2e7d32;color:var(--technical-color)}@media (max-width:1400px){.texture-title{height:18vh}.bento-grid{height:82vh}}@media (max-width:1200px){.tags-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{gap:.25rem;gap:var(--spacing-xs);padding:.5rem;padding:var(--spacing-sm)}}@media (max-width:900px){.split-layout{flex-direction:column}.left-column{flex:0 0 40vh;height:40vh;position:relative;width:100%}.right-column{flex:1 1;max-height:60vh;width:100%}.texture-title{height:15vh;padding:1rem;padding:var(--spacing-md)}.texture-title h1{font-size:min(7vw,3rem)}.bento-grid{grid-template-columns:1fr;height:45vh;padding:.5rem;padding:var(--spacing-sm)}}@media (max-width:600px){.texture-title{align-items:flex-start;flex-direction:column;height:12vh;padding:.5rem;padding:var(--spacing-sm)}.texture-title h1{font-size:min(8vw,2rem);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.back-link{margin-left:0}.info-grid,.tags-grid{grid-template-columns:1fr}}.tech-spec-item{box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:80px;transition:all .25s ease-out}.bento-grid .full-width .jsx-2142004336{padding:0!important}.bento-grid .full-width .jsx-2142004336>div:first-child{margin:0;padding:0;width:100%}.bento-grid .full-width .jsx-2142004336>div:nth-child(2){margin:0!important;padding:0!important}.bento-grid .full-width [role=grid]{box-sizing:border-box;padding:4px;width:100%}.tech-spec-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}@keyframes progressAnimation{0%{width:0}to{width:100%}}.tech-spec-item:hover .info-value{color:#333;color:var(--primary-color)}@media (min-width:1300px){.tech-spec-item{padding:10px!important}}@media (max-width:1300px){.tech-spec-item{padding:8px!important}}@media (max-width:900px){.tech-spec-item{min-height:70px;padding:6px!important}}@media (max-width:600px){.tech-spec-item{min-height:60px}}.tech-specs-list-container::-webkit-scrollbar{width:3px}.tech-specs-list-container::-webkit-scrollbar-track{background:#0000}.tech-specs-list-container::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:4px}.tech-specs-list-container.dark-theme::-webkit-scrollbar-thumb{background-color:#ffffff26}.tech-specs-list-container.dark-theme{background-color:#28282d4d;box-shadow:0 3px 10px #0003}.tech-specs-list-container.dark-theme .tech-spec-list-item{border-bottom:1px solid #ffffff08}.tech-specs-list-container.dark-theme .tech-spec-list-item:hover{background-color:#ffffff05;box-shadow:0 1px 2px #ffffff05}.tech-specs-list-container.dark-theme .tech-spec-label{color:#bbb}.tech-specs-list-container.dark-theme .tech-spec-value strong{color:#eee}.tech-specs-list-container.dark-theme .tech-spec-unit{color:#999}.tech-specs-list-container.dark-theme .tech-spec-slider-track{background-color:#ffffff14}.tech-specs-list-container.dark-theme .tech-spec-list-item:hover .tech-spec-slider-track{background-color:#ffffff1f}.tech-specs-list-container.dark-theme .tech-spec-slider-fill{background-color:#888}.tech-specs-list-container{flex-grow:1;justify-content:space-between}.tech-spec-list-item{align-items:center;border-bottom:1px solid #0000000d;border-radius:6px;display:flex;flex-shrink:0;justify-content:space-between;margin:0 -7px;min-height:min-content;padding:10px 11px;transition:all .2s cubic-bezier(.1,.9,.2,1)}@supports (height:min(30px,calc(100% / var(--item-count )))){.tech-spec-list-item{height:min(42px,calc(20% - 4px));height:min(42px,calc((100% - 20px)/var(--item-count, 5)));min-height:32px}}.tech-spec-list-item:last-child{border-bottom:none}.tech-spec-label{color:#555;flex:0 0 37%;font-size:12px;font-weight:500;letter-spacing:-.2px;line-height:1.2;overflow:hidden;padding-right:10px;position:relative;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.tech-spec-list-item:hover .tech-spec-label{color:#333;font-weight:600}.tech-specs-list-container.dark-theme .tech-spec-list-item:hover .tech-spec-label{color:#fff}.tech-spec-label:after{content:":";opacity:.5;position:absolute;right:5px;transition:opacity .2s ease}.tech-spec-list-item:hover .tech-spec-label:after{opacity:1}.tech-spec-value-container{display:flex;flex:0 0 63%;flex-direction:column;gap:1px}.tech-spec-value{align-items:center;display:flex;font-size:13px;gap:3px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;transition:transform .2s ease;white-space:nowrap}.tech-spec-list-item:hover .tech-spec-value{transform:translateY(-1px)}.tech-spec-value strong{font-weight:500;letter-spacing:-.3px}.tech-spec-list-item:hover .tech-spec-value strong{color:#000}.tech-specs-list-container.dark-theme .tech-spec-list-item:hover .tech-spec-value strong{color:#e0e0e0}.tech-spec-unit{color:#888;flex-shrink:0;font-size:10px;margin-left:2px;opacity:.8;transition:opacity .2s ease}.tech-spec-list-item:hover .tech-spec-unit{opacity:1}.tech-spec-slider{height:3px;margin-top:2px;padding:0;transition:transform .2s ease;width:100%}.tech-spec-list-item:hover .tech-spec-slider{transform:scaleY(1.1)}.tech-spec-slider-track{background-color:#0000000d;border-radius:2px;height:3px;overflow:hidden;position:relative;transition:height .2s ease,background-color .2s ease;width:100%}.tech-spec-list-item:hover .tech-spec-slider-track{background-color:#00000014}.tech-spec-slider-fill{background-color:#666;border-radius:1px;height:100%;transition:width .3s ease}.dark-theme .tech-spec-slider-track{background-color:#ffffff14}.dark-theme .tech-spec-list-item:hover .tech-spec-slider-track{background-color:#ffffff1f}.tech-spec-list-item:hover{background-color:#00000005;box-shadow:0 1px 2px #00000005;padding-left:8px;transform:translateX(2px)}@media (max-width:768px){.tech-spec-list-item{align-items:flex-start;flex-direction:column;gap:2px;height:auto!important;min-height:40px;padding:5px}.tech-spec-label{flex:0 0 100%;font-size:11px;font-weight:600;margin-bottom:1px;padding-right:0;white-space:normal}.tech-spec-label:after{display:none}.tech-spec-value-container{flex:0 0 100%;width:100%}.tech-spec-value{font-size:11px}.tech-spec-list-item:hover{transform:translateX(2px)}.tech-spec-slider{height:2px}.tech-specs-list-container{padding:6px}}@media (max-width:480px){.tech-specs-list-container{padding:4px}.tech-spec-list-item{margin:0 -3px;min-height:38px;padding:4px 3px}.tech-spec-label,.tech-spec-value{font-size:10px}.tech-spec-unit{font-size:8px}.tech-spec-slider,.tech-spec-slider-track{height:1px}}@media (max-height:700px){.tech-spec-list-item{margin:0 -8px;padding:4px 8px}.tech-spec-label,.tech-spec-value{font-size:11px}}.tech-specs-card{display:flex!important;flex-direction:column!important;overflow:hidden!important}.tech-specs-card .jsx-2142004336{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important}.tech-specs-card .jsx-2142004336>div:nth-child(2){display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}.tech-specs-list-container{background-color:initial;border-radius:10px;box-sizing:border-box;display:flex;flex:1 1 auto!important;flex-direction:column;height:100%!important;overflow-x:hidden;overflow-y:auto;padding:8px 12px 8px 8px;row-gap:0;scrollbar-color:#00000026 #0000;scrollbar-width:thin}.tags-unified-container{height:min-content!important;max-height:none!important;min-height:0!important;overflow:hidden;padding:6px 8px!important;transition:all .2s ease}.tags-cloud-unified{-ms-overflow-style:none;align-items:center;flex-wrap:nowrap!important;justify-content:flex-start;overflow-x:auto;padding-bottom:0!important;scrollbar-width:none}.tags-cloud-unified::-webkit-scrollbar{display:none}.tag-chip{border-radius:16px!important;cursor:default;flex-shrink:0;font-size:15px!important;font-weight:500;margin:0!important;overflow:hidden;padding:7px 14px!important;position:relative;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.tags-card{margin-bottom:0!important;min-height:0!important;min-height:auto!important}.tags-card .jsx-2142004336{display:flex!important;flex-direction:column!important;height:min-content!important;padding-bottom:0!important}.tags-card .jsx-2142004336>div:first-child{padding:6px 10px!important}.tags-card .jsx-2142004336>div:nth-child(2){height:min-content!important;margin:0!important;padding:0!important}.tags-card>div>div:nth-child(2){padding:0!important}.auto-height.tags-card{height:min-content!important;min-height:0!important;min-height:auto!important}@media (max-width:900px){.tags-card .jsx-2142004336>div:first-child{padding:6px 12px!important}.tags-unified-container{padding:4px 6px!important}.tags-cloud-unified{gap:4px!important}.tag-chip{font-size:14px!important;padding:6px 12px!important}}@media (max-width:480px){.tag-chip{font-size:13px!important;padding:5px 10px!important}}.tags-category-group{align-content:flex-start;display:flex;flex-wrap:wrap;gap:6px}.tags-category-labels{height:14px;margin-bottom:0;position:relative;width:100%}.tags-unified-container{padding-top:16px!important;position:relative}.tags-cloud-unified{align-items:flex-start;display:flex;justify-content:space-between;width:100%!important}@media (max-width:900px){.tags-category-group{margin-bottom:10px;width:100%!important}.tags-cloud-unified{flex-direction:column}.tag-category-label.aesthetic-label{left:6px!important;top:18px!important}.tag-category-label.technical-label{left:6px!important;top:36px!important}.tags-category-labels{height:50px}.tags-unified-container{padding-top:50px!important}}@media (max-width:480px){.tags-category-group{gap:4px}}.texture-viewer-3d{align-items:center;display:flex;flex-direction:column}.texture-viewer-3d,.texture-viewer-container{height:100%;min-height:100%;position:relative;width:100%}.texture-viewer-container{background-color:initial!important;border-radius:0;overflow:hidden;transform-style:preserve-3d;transition:transform .1s ease-out}.texture-viewer-container canvas{background-color:initial!important;display:block;height:100%!important;width:100%!important}.texture-viewer-controls{bottom:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;left:0;margin-top:.75rem;position:absolute;right:0;z-index:10}@media (max-width:768px){.texture-viewer-container{min-height:50vh}.texture-viewer-controls{bottom:10px}}@media (max-width:480px){.texture-viewer-container{min-height:40vh}}.page-container{margin:0 auto;max-width:1200px;padding:20px}h1{color:#333;margin-bottom:20px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.feature-card{border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0}header{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:1rem}header h1{font-size:1.5rem;margin:0}nav{display:flex;gap:1rem}nav a{border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}nav a:hover{background-color:#555}.container{margin:0 auto;max-width:1200px;padding:2rem}.container h1{margin-bottom:1rem}.preview-container{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.controls-panel{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;max-width:400px;min-width:300px;padding:1.5rem}.control-group{margin-bottom:1.5rem}.control-group label{display:block;font-weight:700;margin-bottom:.5rem}.select-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.texture-info{border-top:1px solid #ddd;margin-top:2rem;padding-top:1rem}.texture-info h3{margin-bottom:1rem;margin-top:0}.texture-info p{margin:.5rem 0}.tags{margin-top:1rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background-color:#e0e0e0;border-radius:16px;display:inline-block;font-size:.85rem;padding:.25rem .75rem}.instructions{border-top:1px solid #ddd;margin-top:2rem;padding-top:1rem}.instructions h3{margin-bottom:1rem;margin-top:0}.instructions ul{margin:0;padding-left:1.5rem}.error,.loading{border-radius:4px;margin:1rem 0;padding:1rem}.loading{background-color:#f0f8ff;color:#06c}.error{background-color:#fff0f0;color:#c00}.viewer{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:2 1;height:600px;min-width:500px;overflow:hidden}canvas{display:block;height:100%;width:100%}@media (max-width:768px){.preview-container{flex-direction:column}.controls-panel{max-width:none}.viewer{height:400px;min-width:100%}}.discovery-page{background-color:#121212;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;width:100%}.full-screen{height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:100%}.infinite-menu-container{background-color:#000;border-radius:12px;box-shadow:0 4px 20px #0000004d;height:calc(100vh - 200px);min-height:500px;overflow:hidden;width:100%}.full-screen-menu{border-radius:0;box-shadow:none;min-height:auto}.full-screen-menu,.loading-container{height:100vh;left:0;position:absolute;top:0;width:100%}.loading-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212e6;display:flex;flex-direction:column;justify-content:center;transition:opacity .4s ease,visibility .4s ease;z-index:1100}.loading-container.fade-in{opacity:1;transition-delay:.15s;visibility:visible}.loading-container.fade-out{opacity:0;transition-duration:.3s;visibility:hidden}.loader{animation:spin 1s linear infinite,fadeIn .5s ease .3s forwards;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#ff8c00;height:40px;margin-bottom:20px;opacity:0;transform:scale(.8);width:40px}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{opacity:1;transform:scale(1);transform-origin:center center;transition:opacity .5s ease-in,transform .5s ease-out}.fade-in,.fade-out{will-change:opacity,transform}.fade-out{pointer-events:none;transform:scale(.9);transition:opacity .5s ease-out,transform .5s ease-in}#infinite-grid-menu-canvas,.fade-out{opacity:0;transform-origin:center center}#infinite-grid-menu-canvas{height:100%!important;transition:opacity .5s ease;width:100%!important}.infinite-menu-container.fade-in{opacity:1;transform:none;transition:opacity .5s ease-in}.infinite-menu-container.fade-out{opacity:0;pointer-events:none;transform:none;transition:opacity .5s ease-out}.infinite-menu-container.fade-in #infinite-grid-menu-canvas{opacity:1;transition:opacity .5s ease-in;transition-delay:.8s}.infinite-menu-container.fade-out #infinite-grid-menu-canvas{opacity:0;transform:none;transition:opacity .5s ease-out;transition-duration:.5s}.face-title{bottom:120px;color:#fff}.face-description,.face-title{left:0;padding:0 20px;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.face-description{bottom:80px;color:#ccc;font-size:16px;margin:0 auto;max-width:600px;text-shadow:0 1px 3px #00000080}.action-button{align-items:center;background-color:#ff8c00;bottom:30px;box-shadow:0 4px 8px #0000004d;color:#fff;display:flex;height:50px;justify-content:center;left:50%;transform:translateX(-50%);transition:transform .2s ease,opacity .3s ease;width:50px}.action-button:hover{transform:translateX(-50%) scale(1.1)}.action-button-icon{font-size:24px;margin:0}.inactive{opacity:0;pointer-events:none}.active{opacity:1}.floating-back-button{align-items:center;background-color:#0009;border:none;border-radius:50%;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:50px;z-index:1000}.floating-back-button:hover{background-color:#000c;transform:scale(1.1)}.floating-back-button span{display:block;padding-bottom:2px}.discovery-title{background-color:#0009;border-radius:30px;box-shadow:0 3px 10px #0000004d;color:#fff;font-size:22px;font-weight:600;left:50%;padding:8px 20px;position:fixed;text-shadow:0 1px 3px #00000080;top:25px;transform:translateX(-50%);z-index:1000}.error-message{background-color:#000000b3;border-radius:10px;box-shadow:0 4px 20px #0006;color:#fff;font-size:18px;padding:30px;text-align:center;top:50%;transform:translate(-50%,-50%)}.error-message,.texture-breadcrumbs{left:50%;max-width:80%;position:absolute}.texture-breadcrumbs{animation:fadeUpIn .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212d9;border:1px solid #ffffff1a;border-radius:30px;bottom:30px;box-shadow:0 4px 15px #0000004d;padding:10px 20px;transform:translateX(-50%);z-index:1000}@keyframes fadeUpIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.breadcrumbs-list{-ms-overflow-style:none;align-items:center;display:flex;max-width:100%;overflow-x:auto;padding:5px 0;scrollbar-width:none}.breadcrumbs-list::-webkit-scrollbar{display:none}.breadcrumb-item{align-items:center;background-color:#ffffff1a;border-radius:20px;cursor:pointer;display:flex;flex-shrink:0;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.breadcrumb-item:hover{background-color:#fff3;transform:translateY(-2px)}.breadcrumb-item.active{background-color:#ff8c004d;border:1px solid #ff8c0099}.breadcrumb-ellipsis-container{flex-shrink:0;margin:0 8px;position:relative}.breadcrumb-ellipsis{align-items:center;background-color:#ffffff1a;border-radius:15px;color:#f5f5f5;cursor:pointer;display:flex;font-weight:700;height:30px;justify-content:center;transition:all .2s ease;width:30px}.breadcrumb-ellipsis:hover{background-color:#fff3}.hidden-breadcrumbs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212f2;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 20px #00000080;display:none;left:50%;max-height:300px;min-width:200px;overflow-y:auto;padding:10px;position:absolute;top:-10px;transform:translate(-50%,-100%);z-index:2000}.breadcrumb-ellipsis-container:hover .hidden-breadcrumbs{animation:fadeInDown .2s ease-out;display:block}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}.hidden-breadcrumb-item{align-items:center;background-color:#ffffff1a;border-radius:6px;cursor:pointer;display:flex;margin-bottom:5px;padding:8px 10px;transition:all .2s ease}.hidden-breadcrumb-item:hover{background-color:#fff3}.hidden-breadcrumb-item.active{background-color:#ff8c004d;border-left:2px solid #ff8c0099}.breadcrumb-color{border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;height:16px;margin-right:8px;width:16px}.breadcrumb-name{color:#f5f5f5;font-size:14px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.breadcrumb-separator{color:#ffffff80;flex-shrink:0;font-size:18px;margin:0 8px}@media (max-width:768px){.texture-breadcrumbs{bottom:20px;max-width:90%;padding:8px 15px}.breadcrumb-item{padding:4px 8px}.breadcrumb-color{height:12px;margin-right:6px;width:12px}.breadcrumb-name{font-size:12px;max-width:80px}.breadcrumb-separator{font-size:14px;margin:0 6px}}.loading-text{animation:fadeSlideUp .5s ease .5s forwards;color:#f5f5f5;font-size:16px;opacity:0;transform:translateY(10px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#infinite-grid-menu-canvas{background-color:initial;display:block;height:100%;width:100%}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{background:cyan;border:5px solid #000;border-radius:50%;bottom:3em;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:grid;height:60px;place-items:center;position:absolute;right:3em;transition:all .3s ease;width:60px;z-index:10}.buttons-container{align-items:center;bottom:3em;display:flex;flex-direction:column;gap:1em;position:absolute;right:3em;z-index:10}.navigate-button{background:#ff6b6b;border:5px solid #000;bottom:0;position:relative;right:0}.navigate-button:hover{background:#ff8787;transform:none!important}.regenerate-button{background:cyan;border:5px solid #000;bottom:0;position:relative;right:0}.regenerate-button:hover{background:#7fffff;transform:none!important}.home-button{background:#ff8c00;border:5px solid #000;bottom:0;position:relative;right:0}.home-button:hover{background:#ffa540;transform:none!important}.home-button.selected-item-button{animation:pulse 1.5s infinite;box-shadow:0 0 10px 5px #ff8c00b3}.texture-info-container{bottom:15px;color:#fff;left:50%;max-width:80%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s ease;z-index:20}.face-title{font-size:28px;font-weight:600;margin:0;padding:0;text-shadow:0 2px 4px #00000080}.face-description{font-size:14px;margin:8px 0;padding:0;text-shadow:0 1px 2px #0006}.texture-stats{font-size:12px;margin:0;opacity:.7;text-shadow:0 1px 2px #0006}.texture-info-container.inactive{opacity:0;transform:translateX(-50%) translateY(20px)}.texture-info-container.active{opacity:1;transform:translateX(-50%) translateY(0)}.selected-item{color:#ffda85}.selected-indicator{color:#ffda85;font-size:.8em;margin-left:5px}.selected-item-button{background:gold!important;border-color:#fff!important;box-shadow:0 0 15px #ffd700b3}.total-textures{background-color:initial;border-radius:4px;color:#ffffffb3;font-size:12px;left:10px;padding:5px 8px;pointer-events:none;position:absolute;top:10px;z-index:10}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:1500px){.face-title{font-size:2rem}.face-description{font-size:.9rem}}@media (max-width:768px){.action-button{bottom:2em;height:50px;right:2em;width:50px}.texture-info-container{bottom:1em;left:1em;max-width:80%}.total-textures{right:1em;top:1em}}.texture-similarity-finder{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#333;font-family:sans-serif;margin:20px auto;max-width:1200px;padding:20px}.texture-similarity-finder h1,.texture-similarity-finder h2,.texture-similarity-finder h3{color:#333;margin-top:0}.main-controls{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 300px;margin-bottom:30px}.weight-controls{background:#f8f9fa;border-radius:16px;padding:25px}.weight-controls h3{color:#1a1a1a;font-size:1.1em;font-weight:600;margin:0 0 25px}#sliders{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.slider-group{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;padding:15px}.slider-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.slider-group input[type=range]{margin-top:5px;width:100%}.selection-controls{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:20px;padding:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#666;font-size:.9em;font-weight:500}.modern-select{border:2px solid #e0e0e0;border-radius:12px;font-size:1em;padding:12px 16px;transition:all .2s ease}.modern-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.modern-input{border:2px solid #e0e0e0;border-radius:12px;font-size:1em;padding:12px;width:100%}#selectedTexture{background:#e9ecef;border-radius:8px;margin-bottom:30px;margin-top:20px;padding:20px}table{border-collapse:collapse;box-shadow:0 2px 8px #0000000d;margin-top:20px;width:100%}table,td,th{border:1px solid #ddd}td,th{padding:12px 15px;text-align:left;vertical-align:middle}th{background-color:#f5f5f5;font-size:14px;font-weight:600}tr:nth-child(2n){background:#f9f9f9}.chart-container{height:40px;margin:auto;max-width:300px;position:relative;width:100%}@media (max-width:768px){#sliders,.main-controls{grid-template-columns:1fr}.selection-controls{margin-bottom:20px;order:-1}table{display:block;overflow-x:auto}}
/*# sourceMappingURL=main.0a8bdff4.css.map*/