.home-body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.home-body,.home-container{background-color:#000;color:#fff}.home-container{min-height:100vh;position:relative}.home-header{position:-webkit-sticky;position:sticky;top:0;background-color:#000;border-bottom:1px solid hsla(0,0%,100%,.1);padding:20px 0;z-index:100;width:100%}.header-content{width:100%;padding:0 15px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:15px;gap:15px;align-items:center}.logo h1{font-size:24px;font-weight:400;letter-spacing:-.02em;margin:0;color:#fff}.search-container{display:flex;justify-content:center;gap:8px}.search-input{width:100%;max-width:400px;padding:12px 16px;background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.search-input::placeholder{color:hsla(0,0%,100%,.5)}.search-input:focus{border-color:hsla(0,0%,100%,.3);background-color:hsla(0,0%,100%,.08)}.search-input:disabled{opacity:.5;cursor:not-allowed}.search-button{padding:12px 16px;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:48px}.search-button:hover:not(:disabled){background-color:hsla(0,0%,100%,.15);transform:translateY(-1px)}.search-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-container{display:flex;justify-content:flex-end}.login-button{background-color:#fff;color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.login-button:hover{background-color:hsla(0,0%,100%,.9);transform:translateY(-1px)}.home-main{width:100%;padding:0 15px}.hero-section{padding:80px 0 60px;text-align:left}.hero-text{font-size:48px;font-weight:300;letter-spacing:-.02em;margin:0 0 1rem;color:#fff;line-height:1.2}.hero-subtitle{font-size:16px;color:hsla(0,0%,100%,.7);margin:0;font-weight:300}.masonry-section{padding-bottom:80px;width:100%}.masonry-grid{column-count:4;column-gap:3px;width:100%}.masonry-item{width:100%;border-radius:0;transition:transform .2s ease;margin:0;margin-bottom:3px!important;page-break-inside:avoid;break-inside:avoid;display:block}.masonry-item,.video-item{background-color:#fff;padding:0}.video-item{overflow:hidden;margin:0}.video-container{position:relative;height:100%}.video-container,.video-player{width:100%;margin:0;padding:0;display:block}.video-player{height:auto;border:none;outline:none}.video-overlay{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;padding:12px}.video-container:hover .video-overlay{opacity:1;pointer-events:auto}.video-prompt-overlay{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8);flex:1 1;margin-right:12px}.video-buttons{display:flex;gap:6px}.extend-button,.frame-button{background-color:hsla(0,0%,100%,.9);color:#000;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.frame-button{padding:6px 8px}.extend-button:hover:not(:disabled),.frame-button:hover:not(:disabled){background-color:#fff;transform:translateY(-1px)}.extend-button:disabled,.frame-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.delete-button{background-color:rgba(255,0,0,.9);color:#fff;border:none;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.delete-button:hover:not(:disabled){background-color:red;transform:translateY(-1px)}.delete-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.image-buttons{display:flex;gap:6px}.image-container{position:relative;height:100%}.image-container,.image-player{width:100%;margin:0;padding:0;display:block}.image-player{height:auto;border:none;outline:none;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;display:flex;justify-content:flex-start;align-items:flex-start;padding:12px}.image-container:hover .image-overlay{opacity:1;pointer-events:auto}.image-prompt-overlay{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.media-placeholder{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.media-placeholder.generating{background-color:#f8f9fa}.media-placeholder.error{background-color:#ffeaea;color:#d63031}.video-placeholder{width:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;min-height:200px;color:#333}.video-placeholder.generating{background-color:#f0f0f0;background-image:linear-gradient(45deg,#f0f0f0 25%,#f5f5f5 0,#f5f5f5 50%,#f0f0f0 0,#f0f0f0 75%,#f5f5f5 0);background-size:20px 20px;animation:move 1s linear infinite}.video-placeholder.error{background-color:#ffe6e6;color:#c00}.generating-indicator{text-align:center;padding:2rem}.generating-indicator p{margin:.5rem 0;font-weight:400;color:#333;font-size:14px}.generating-indicator small{color:#666;font-style:normal;display:block;margin-top:.5rem;max-width:200px;word-wrap:break-word;font-size:12px}.error-indicator{text-align:center;padding:2rem}.error-indicator p{margin:.5rem 0;font-weight:400;font-size:14px}.error-indicator small{display:block;margin-top:.5rem;font-size:11px;opacity:.7}.spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes move{0%{background-position:0 0}to{background-position:20px 0}}@media (min-width:1600px){.masonry-grid{column-count:6}.hero-text{font-size:64px}}@media (min-width:1200px) and (max-width:1599px){.masonry-grid{column-count:5}.hero-text{font-size:56px}}@media (min-width:900px) and (max-width:1199px){.masonry-grid{column-count:4}.hero-text{font-size:48px}}@media (min-width:768px) and (max-width:899px){.masonry-grid{column-count:3}.hero-text{font-size:40px}.header-content{grid-template-columns:1fr 1.5fr 1fr}}@media (min-width:600px) and (max-width:767px){.masonry-grid{column-count:2}.hero-text{font-size:36px}.header-content{grid-template-columns:1fr;gap:20px;text-align:center}.auth-container{justify-content:center}.hero-section{text-align:center}}@media (max-width:599px){.masonry-grid{column-count:1;column-gap:0}.masonry-item{margin-bottom:12px}.hero-text{font-size:32px}.hero-section{padding:60px 0 40px;text-align:center}.header-content{grid-template-columns:1fr;gap:15px;text-align:center}.auth-container{justify-content:center}.logo h1{font-size:20px}.search-input{font-size:16px}}.login-button:focus,.search-input:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}html{scroll-behavior:smooth}::selection{background-color:hsla(0,0%,100%,.2);color:#fff}