:root{--black: #0a0a0a;--white: #fafafa;--accent: #c9a962;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-400: #a3a3a3;--gray-600: #525252;--border: #f0f0f0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--white);color:var(--black);line-height:1.6;overflow-x:hidden}.font-display{font-family:Playfair Display,Georgia,serif}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--black);transition:width .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--black)!important;font-weight:500}.btn-primary{position:relative;background:var(--black);color:var(--white);overflow:hidden;transition:all .3s ease}.btn-primary:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.floating-image{position:absolute;opacity:.12;pointer-events:none;animation:floatImage 25s infinite ease-in-out}@keyframes floatImage{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(25px,-20px) rotate(3deg)}50%{transform:translate(-15px,25px) rotate(-2deg)}75%{transform:translate(-25px,-15px) rotate(2deg)}}.inspiration-card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.inspiration-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px #0000001f;border-color:var(--gray-200)}.inspiration-card .card-image{position:relative;overflow:hidden}.inspiration-card .card-image img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.inspiration-card:hover .card-image img{transform:scale(1.05)}.inspiration-card .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.inspiration-card:hover .card-overlay{opacity:1}.inspiration-card .card-info{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff;transform:translateY(100%);transition:transform .3s ease}.inspiration-card:hover .card-info{transform:translateY(0)}.tag-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:11px;background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.tag-chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-chip.active{background:var(--black);color:#fff;border-color:var(--black)}.search-input{transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px #c9a96226;border-color:var(--accent)}.modal-backdrop{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upload-area{transition:all .3s ease}.source-card,.generated-card{background:#fff;transition:all .3s ease}.source-card:hover,.generated-card:hover{transform:translateY(-2px)}.source-card .remove-btn,.generated-card .remove-btn{opacity:0;transition:opacity .2s}.source-card:hover .remove-btn,.generated-card:hover .remove-btn{opacity:1}.ref-cards-container{perspective:1000px}.ref-card{position:absolute;width:80px;height:100px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff;border:2px solid white}.ref-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ref-card[data-index="0"]{transform:translate(-50%) rotate(-7.5deg);z-index:3}.ref-card[data-index="1"]{transform:translate(0) rotate(0);z-index:2}.ref-card[data-index="2"]{transform:translate(50%) rotate(7.5deg);z-index:1}#refImagesStack:hover .ref-card[data-index="0"]{transform:translate(-55%) rotate(-8deg) translateY(-5px)}#refImagesStack:hover .ref-card[data-index="1"]{transform:translate(0) rotate(0) translateY(-5px)}#refImagesStack:hover .ref-card[data-index="2"]{transform:translate(55%) rotate(8deg) translateY(-5px)}.ref-image-item{position:relative;border-radius:8px;overflow:hidden;border:2px solid white;box-shadow:0 2px 8px #0000001a}.ref-image-item img{width:100%;height:80px;-o-object-fit:cover;object-fit:cover}.ref-image-item .remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;opacity:0;transition:opacity .2s}.ref-image-item:hover .remove-btn{opacity:1}.upload-area:hover,.upload-area.dragover{border-color:var(--accent);background:#c9a9620d}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-animate{animation:fadeUpIn .5s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.sort-btn{transition:all .2s ease}.sort-btn.active{background:var(--black);color:#fff}.sort-btn:hover:not(.active){background:var(--gray-100)}.empty-state{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preset-category{font-size:11px;color:var(--gray-400);margin-bottom:4px}.preset-tag-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:12px;background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all .2s ease;border:1px solid transparent;margin:2px}.preset-tag-chip:hover{background:var(--gray-200)}.preset-tag-chip.selected{background:var(--black);color:#fff;border-color:var(--black)}.selected-tag-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;background:var(--black);color:#fff;gap:6px}.selected-tag-chip .remove-btn{cursor:pointer;opacity:.7;transition:opacity .2s}.selected-tag-chip .remove-btn:hover{opacity:1}.tag-suggestion{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:12px;background:#c9a9621a;color:var(--accent);cursor:pointer;transition:all .2s ease;border:1px solid var(--accent);margin:2px}.tag-suggestion:hover{background:var(--accent);color:#fff}