*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh}.App-header{background:#0000;border-bottom:1px solid #82cd594d;color:#fff;padding:2rem;text-align:center}.App-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{font-size:1.1rem;font-weight:300;opacity:.9}.App-main{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.App-footer{background:#0000;border-top:1px solid #82cd594d;color:#fff9;margin-top:auto;padding:1.5rem;text-align:center}.loading-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh}.loading-content{max-width:600px;padding:2rem;width:100%}.error-message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;margin:1rem 0;padding:1rem}@media (max-width:768px){.App-header h1{font-size:1.8rem}.App-main{padding:1rem}}.scroll-animation-container{overflow-x:hidden;position:relative}.scroll-animation-container>div{position:relative}.scroll-indicator{align-items:center;bottom:2rem;display:flex;justify-content:center;left:50%;position:fixed;transform:translateX(-50%);z-index:10001}.scroll-track{background:#0000004d;border:3px solid #82cd59;border-radius:30px;height:100px;position:relative;width:60px}.scroll-thumb{background:#82cd59;border-radius:50%;height:14px;left:50%;position:absolute;top:0;transition:transform .1s ease-out;width:14px}.status-indicator{background:#141414cc;border:1px solid #82cd594d;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.status-indicator.searching{align-items:center;background:#0000;border:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:0}.loading-image{display:block;height:auto;max-width:500px;width:auto}@media (max-width:768px){.loading-image{max-width:300px}}@media (max-width:480px){.loading-image{max-width:250px}}@media (max-width:320px){.loading-image{max-width:200px}}.status-text-small{color:#fff;font-size:.9rem;margin:0;text-align:center}.status-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.status-icon{font-size:2rem}.status-title{color:#fff;font-size:1.1rem;margin:0}.progress-bar{background:#82cd5933;border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#82cd59,#4d7d3d);border-radius:4px;height:100%;transition:width .3s ease}.status-errors{border-top:1px solid #82cd594d;margin-top:1rem;padding-top:1rem}.error-item{color:#e74c3c;font-size:.9rem;margin-bottom:.5rem}.hey-opening-overlay{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;width:100%;z-index:9999}.hey-opening-overlay.animate-in{animation:fadeInBackground .6s ease-out forwards}.hey-opening-overlay.animate-out{animation:fadeOutBackground .6s ease-in forwards}.hey-opening-content{position:relative}.hey-opening-image{animation:slideInScale 1s ease-out .3s forwards;height:auto;max-width:400px;opacity:1;width:60vw}.hey-opening-overlay.animate-in .hey-opening-image{opacity:0}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBackground{0%{opacity:1}to{opacity:0}}@keyframes slideInScale{0%{opacity:0;transform:translateX(200px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.hey-opening-overlay.animate-out .hey-opening-image{animation:slideOutLeft .6s ease-in forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-300px) scale(.8)}}@media (max-width:768px){.hey-opening-image{max-width:300px;width:70vw}}.kura-opening-overlay{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9998}.kura-opening-overlay.animate-in{animation:none;opacity:1}.kura-opening-overlay.animate-out{animation:fadeOutKura .5s ease-in forwards}.kura-grid{animation:fadeInGrid 1s ease-out .5s forwards;background-image:linear-gradient(#82cd59 1px,#0000 0),linear-gradient(90deg,#82cd59 1px,#0000 0);background-size:50px 50px;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes fadeInGrid{0%{opacity:0}to{opacity:.3}}.kura-letters{align-items:center;display:flex;gap:100px;position:relative;z-index:1}.kura-letter{height:auto;opacity:0;transform:translateX(200px) rotate(-90deg);transition:all 1.2s cubic-bezier(.4,0,.2,1);width:150px}.kura-letter.animate-letter{opacity:1;transform:translateX(0) rotate(0deg);transition-delay:var(--delay)}@media (max-width:768px){.kura-letter{transform:translateX(100px) rotate(-90deg);width:80px}.kura-letters{flex-wrap:wrap;gap:30px;justify-content:center}.kura-grid{background-size:30px 30px}}@media (max-width:480px){.kura-letter{transform:translateX(80px) rotate(-90deg);width:60px}.kura-letters{gap:20px}.kura-grid{background-size:25px 25px}}@media (max-width:320px){.kura-letter{transform:translateX(60px) rotate(-90deg);width:50px}.kura-letters{gap:15px}}@keyframes fadeInKura{0%{opacity:0}to{opacity:1}}@keyframes fadeOutKura{0%{opacity:1}to{opacity:0}}.initial-prompt-container{align-items:center;background-color:#000;color:#fff;justify-content:center;min-height:100vh;padding:0}.initial-prompt-container,.prompt-lines-wrapper{display:flex;flex-direction:column;position:relative}.prompt-lines-wrapper{align-items:flex-start;box-sizing:border-box;margin:0 auto;max-width:900px;padding:4rem 2rem;width:100%}.prompt-lines{width:100%}.initial-prompt-header{left:3rem;position:absolute;top:3rem;width:auto;z-index:100}.kura-logo{height:80px;width:auto}.prompt-line{align-items:center;cursor:pointer;display:flex;line-height:1.2;margin-left:0;padding:1.5rem 0;position:relative;transition:all .3s ease;width:100%}.prompt-line:after{background:#82cd59;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%;z-index:1}.prompt-line.active{opacity:1}.prompt-line.inactive{opacity:.3}.prompt-line.skipped{opacity:.4}.prompt-line:hover.inactive,.prompt-line:hover.skipped{opacity:.6}.prompt-text{align-items:center;color:#fff;display:flex;font-size:2rem;margin:0;position:relative;width:100%;z-index:2}.clickable-text{color:#fff9;margin-left:.5rem}.image-previews{align-items:center;display:flex;gap:0;margin-left:2rem}.image-preview{display:flex;flex-direction:column;gap:.5rem;position:relative}.image-preview img{border-radius:4px;box-shadow:2px 2px 8px #0000004d;height:80px;margin-left:-15px;object-fit:cover;width:80px}.image-preview:first-child img{margin-left:0}.remove-image{align-items:center;background:#f00c;border:2px solid #000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s;width:20px;z-index:10}.image-preview:hover .remove-image{opacity:1}.remove-image:hover{background:red;transform:scale(1.1)}.file-input{display:none}.clickable-text{cursor:pointer;font-style:italic;transition:color .2s}.clickable-text:hover{color:#82cd59}label[for^=file-input]{cursor:pointer;display:inline}.dropdown-trigger{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#fff9;cursor:pointer;display:inline-block;font-size:1.5rem;font-style:italic;margin-left:2rem;min-width:150px;padding:.5rem 1rem}.dropdown-menu{background:#141414f2;border:1px solid #82cd5980;border-radius:4px;margin-top:.5rem;max-height:200px;min-width:150px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:100%;z-index:10}.dropdown-item{border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1rem;transition:background .2s}.dropdown-item:hover{background:#82cd5933}.color-picker-container{align-items:center;display:flex;gap:.5rem;margin-left:2rem;z-index:1}.color-swatch{align-items:center;display:flex;position:relative}.color-circle{border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:36px;width:36px}.remove-color{align-items:center;background:#f00c;border:2px solid #000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;width:20px}.color-input-hidden{display:none}.add-color-btn-trigger{background:#0000;border:2px solid #fff6;border-radius:50%;color:#fff9;cursor:pointer;display:inline-block;font-size:22px;height:36px;line-height:1;margin-left:.5rem;transition:all .2s;vertical-align:middle;width:36px}.add-color-btn-trigger:hover{background:#ffffff1a;border-color:#fffc;color:#fff}.add-color-btn{align-items:center;background:#0000;border:2px solid #fff6;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;line-height:1;transition:all .2s;width:36px}.add-color-btn:hover{background:#ffffff1a;border-color:#fffc;color:#fff}.text-input{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:#fff9;font-size:1.5rem;font-style:italic;margin-left:2rem;max-width:350px;min-width:250px;padding:.5rem}.text-input:focus{border-color:#82cd59;color:#fff;outline:none}.text-input::placeholder{color:#fff6;font-style:italic}.prompt-footer{box-sizing:border-box;display:flex;justify-content:center;margin:2rem auto 0;max-width:900px;padding:0 2rem;position:relative;width:100%}.next-button{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:1.5rem;font-style:italic;font-weight:400;padding:.5rem 1rem;transition:all .2s}.next-button:hover{color:#fffc}.generate-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;font-style:italic;font-weight:400;padding:.5rem 1rem;transition:all .2s}.generate-button:hover:not(:disabled){opacity:.8}.generate-button:disabled{cursor:not-allowed;opacity:.4}.initial-prompt-v2 .next-button{color:#fff9;font-family:Tinos;font-size:24px;font-style:italic;font-weight:400;letter-spacing:.02em;line-height:30px;position:absolute;right:0}.initial-prompt-v2 .prompt-footer-v2{margin-bottom:2rem;max-width:100%}.initial-prompt-v2 .generate-button-v2{background:#383838;border:none;border-radius:50px;color:#82cd59;font-family:Tinos;font-size:24px;font-style:italic;height:60px;letter-spacing:.02em;width:200px}.initial-prompt-v2 .generate-button-v2:disabled{cursor:not-allowed;opacity:.4}.initial-prompt-v2 .dropdown-menu{-webkit-overflow-scrolling:touch;background:#363636b2;border:none;max-height:200px;overflow-y:auto;overscroll-behavior:contain;position:absolute;right:0;top:-50%;width:-webkit-max-content;width:max-content;z-index:11}.initial-prompt-v2 .dropdown-item{border-radius:4px;cursor:pointer;font-family:Tinos;transition:background .2s}.initial-prompt-v2 .clickable-text,.initial-prompt-v2 .text-input{background:#0000;border:none;font-family:Tinos;font-style:italic;font-weight:400;letter-spacing:.02em;line-height:40px;margin-left:26px;max-width:600px;min-width:400px;padding:0}.initial-prompt-v2 .prompt-text{flex-wrap:wrap}.initial-prompt-v2 .prompt-line,.initial-prompt-v2 .prompt-text{align-items:flex-start;min-height:auto}.initial-prompt-v2 .prompt-text>span:has(.dropdown-menu){z-index:10}.initial-prompt-v2 .prompt-line:has(.dropdown-menu){z-index:10}.initial-prompt-v2 .prompt-line:has(.color-picker-container){z-index:1}.initial-prompt-v2 .dropdown-item input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#0000;border:2px solid #82cd59;border-radius:4px;cursor:pointer;height:16px;position:relative;width:16px}.initial-prompt-v2 .dropdown-item input[type=checkbox]:checked{background:#82cd59}.initial-prompt-v2 .dropdown-trigger-filled{background:#0000;border:none;color:#82cd59;cursor:pointer;display:inline-block;font-family:Tinos;font-size:34px;font-style:italic;font-weight:400;letter-spacing:.02em;line-height:40px;margin-left:22px;padding:0}.initial-prompt-v2 .text-input::placeholder{color:#8b8b8b;font-family:Tinos;font-size:32px;font-style:italic;font-weight:400}.initial-prompt-v2 .text-input:not(:placeholder-shown){color:#82cd59;font-size:34px}.initial-prompt-v2 .text-input:focus{border:none;outline:none}@media (max-width:768px){.initial-prompt-container{padding:2rem 1rem}.initial-prompt-header{left:1.5rem;top:1.5rem}.prompt-lines-wrapper{padding-top:8rem}.prompt-text{font-size:1rem}.image-preview img{height:80px;width:80px}.initial-prompt-v2 .dropdown-trigger-filled{font-size:20px;line-height:24px}.initial-prompt-v2 .text-input::placeholder,.initial-prompt-v2 .text-input:not(:placeholder-shown){font-size:20px}.initial-prompt-v2 .dropdown-menu{max-height:150px!important}}.styling-selection-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:100%;min-height:0;overflow:visible;padding:0 2rem;position:relative;width:100%}.styling-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);max-width:1200px;width:100%}.styling-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:2rem;padding:1rem;position:relative;transition:all .3s ease}.styling-item:hover{opacity:.9}.styling-item.selected{outline:3px solid #82cd59;outline-offset:8px}.styling-item.top-left{grid-column:1;grid-row:1}.styling-item.top-right{grid-column:2;grid-row:1}.styling-item.bottom-left{grid-column:1;grid-row:2}.styling-item.bottom-right{grid-column:2;grid-row:2}.styling-image{border-radius:4px;flex-shrink:0;height:540px;object-fit:cover;width:540px}.styling-text{display:flex;flex-direction:column;max-width:400px}.styling-description{font-family:Tinos;font-style:italic}.styling-detail{color:#ccc;font-family:Tinos;font-size:16px;font-weight:400}.styling-grid-landing{grid-gap:.5rem 2rem;display:grid;gap:.5rem 2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-items:center;padding:.5rem 0}.styling-grid-landing,.styling-item-landing{align-items:center;box-sizing:border-box;width:100%}.styling-item-landing{border-radius:8px;cursor:pointer;display:flex;gap:1.5rem;justify-content:center;margin:0 auto;max-width:100%;padding:.5rem;position:relative;transition:all .3s ease}.styling-item-landing:hover{opacity:.9}.styling-image-landing.selected{outline:3px solid #82cd59;outline-offset:8px}.styling-item-landing.top-left{flex-direction:row;grid-column:1;grid-row:1}.styling-item-landing.top-right{flex-direction:row;grid-column:2;grid-row:1}.styling-item-landing.bottom-left{flex-direction:row;grid-column:1;grid-row:2}.styling-item-landing.bottom-right{flex-direction:row;grid-column:2;grid-row:2}.styling-image-landing{border-radius:4px;flex-shrink:0;height:17vw;max-height:400px;max-width:400px;min-height:200px;min-width:200px;object-fit:cover;width:17vw}.styling-text-landing{display:flex;flex:0 0 auto;flex-direction:column;max-width:400px;min-width:400px;width:400px}.styling-text-line{color:#fff;white-space:pre-line}.styling-label,.styling-text-line{font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.02em}.styling-label{color:#82cd59}.styling-description{color:#fff;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.02em}@media (max-width:1400px){.styling-image-landing{height:17vw;max-height:350px;max-width:350px;width:17vw}.styling-text-landing{max-width:400px;min-width:400px;width:400px}}@media (max-width:1200px) and (min-width:769px){.styling-selection-content{padding:8rem 1.5rem 0}.styling-grid-landing{gap:1.5rem 1.5rem;max-width:1000px}.styling-image-landing{height:15vw;max-height:320px;max-width:320px;min-height:180px;min-width:180px;width:15vw}.styling-text-landing{max-width:350px;min-width:350px;width:350px}.styling-item-landing{gap:1.2rem}.styling-description,.styling-label,.styling-text-line{font-size:15px}}@media (max-width:1024px) and (min-width:769px){.styling-selection-content{padding:7rem 1.5rem 0}.styling-grid-landing{gap:1.2rem 1.2rem;max-width:900px}.styling-image-landing{height:14vw!important;max-height:280px;max-width:280px;min-height:160px;min-width:160px;width:14vw!important}.styling-text-landing{max-width:320px;min-width:320px;width:320px}.styling-item-landing{gap:1rem}.styling-description,.styling-label,.styling-text-line{font-size:14px}.styling-grid-landing{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.styling-item-landing.bottom-left,.styling-item-landing.bottom-right,.styling-item-landing.top-left,.styling-item-landing.top-right{flex-direction:row}.styling-image-landing{height:28vw;max-height:280px;max-width:280px;width:28vw}.styling-text-landing{max-width:300px;min-width:200px}}@media (max-width:768px){.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content){height:auto;justify-content:flex-start;max-height:none;min-height:100vh;overflow:visible!important;position:relative}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content) .styling-selection-content{flex:0 0 auto;min-height:auto;overflow:visible}.styling-selection-content{padding:4rem 1rem 2rem}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content) .prompt-footer-v2{margin-top:0;position:relative}.styling-grid-landing{align-items:start;gap:2rem 0;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);justify-items:center;padding:.5rem 0}.styling-item-landing{align-items:center!important;gap:1rem;grid-row:auto!important;justify-content:center!important;max-width:100%;padding:.5rem;width:100%}.styling-item-landing,.styling-item-landing.top-left{flex-direction:column!important;grid-column:1!important}.styling-item-landing.top-left{grid-row:1!important}.styling-item-landing.top-left .styling-text-landing{order:2}.styling-item-landing.top-left .styling-image-landing{order:1}.styling-item-landing.top-right{flex-direction:column!important;grid-column:1!important;grid-row:2!important}.styling-item-landing.bottom-left{flex-direction:column!important;grid-column:1!important;grid-row:3!important}.styling-item-landing.bottom-left .styling-text-landing{order:2}.styling-item-landing.bottom-left .styling-image-landing{order:1}.styling-item-landing.bottom-right{flex-direction:column!important;grid-column:1!important;grid-row:4!important}.styling-image-landing{height:60vw;margin:0 auto;max-height:250px;max-width:250px;min-height:150px;min-width:150px;width:60vw}.styling-text-landing{align-items:center;display:flex;flex-direction:column;max-width:100%;min-width:auto;text-align:center;width:100%}.styling-description,.styling-label,.styling-text-line{font-size:14px}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content) .styling-selection-content{padding-top:4rem!important}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content) .prompt-footer-v2{flex-direction:column;gap:1rem;margin-bottom:0;padding:0 1rem}.generate-button-v2{width:100%}}@media (max-width:480px){.styling-selection-content{padding:3.5rem .5rem 0}.styling-grid-landing{gap:1.5rem 0;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);justify-items:center}.styling-image-landing{height:70vw;max-height:200px;max-width:200px;min-height:120px;min-width:120px;width:70vw}.styling-description,.styling-label,.styling-text-line{font-size:12px}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content) .styling-selection-content{padding-top:3.5rem}}@media (max-width:320px){.styling-image-landing{height:80vw;max-height:180px;max-width:180px;min-height:100px;min-width:100px;width:80vw}.styling-description,.styling-label,.styling-text-line{font-size:11px}}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content){align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;max-height:100vh;overflow:hidden}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content) .styling-selection-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:visible;padding-bottom:1rem;padding-top:10rem;width:100%}.initial-prompt-container.initial-prompt-v2:has(.styling-selection-content) .prompt-footer-v2{flex-shrink:0;margin-bottom:2rem;margin-top:0;max-width:100%;position:relative;width:100%}@media (max-width:768px){.styling-grid{gap:2rem;grid-template-columns:1fr}.styling-image{height:auto;max-width:540px;width:100%}.styling-item.bottom-right,.styling-item.top-right{flex-direction:row}}.inline-color-picker-wrapper{align-items:flex-start;display:inline-flex;margin-left:.5rem;vertical-align:top}.inline-color-picker{background:#141414f2;border:1px solid #82cd5980;border-radius:4px;display:inline-block;padding:.375rem;position:relative;vertical-align:top;z-index:10}.color-picker-main{display:flex;flex-direction:column;gap:.375rem}.color-square{border-radius:4px;cursor:crosshair;height:100px;overflow:hidden;position:relative;width:auto}.color-selector{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;height:8px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:8px}.color-picker-controls{display:flex;flex-direction:column;gap:.375rem}.hue-slider-container{width:100%}.hue-slider{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#007fff,#00f,#7f00ff,#f0f,red);border-radius:4px;cursor:pointer;height:16px;position:relative;width:100%}.hue-selector{background:#fff;border:1px solid #00000080;border-radius:2px;height:20px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:3px}.rgb-inputs{align-items:center;display:flex;gap:.375rem}.rgb-input-group{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.rgb-input-group label{color:#fff9;font-family:SF Pro Rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px}.rgb-input-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:11px;padding:.2rem;text-align:center;width:100%}.hex-color-input{background:#0000;border:none;caret-color:#82cd59;display:inline-block;flex-shrink:0;font-family:Tinos,serif;font-size:28px;font-style:italic;margin-left:.5rem;max-width:140px;padding:.5rem;vertical-align:top}.hex-color-input:not(:placeholder-shown){color:#82cd59}.hex-color-input:focus{border:none;caret-color:#82cd59;outline:none}.hex-color-input::placeholder{color:#ffffff80}.main-result-container{background-color:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:0 0 120px}.loading-more-container{align-items:center;display:flex;justify-content:center;padding:3rem 0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.result-logo{left:1.5rem;position:absolute;top:1.5rem;z-index:100}.result-logo img{height:50px;width:auto}.result-header{align-items:center;display:flex;justify-content:center;margin-top:1rem;padding:2rem 2rem 1rem}.header-nav,.nav-item{align-items:center;display:flex;gap:.5rem}.nav-item{background:#ffffff1a;border-radius:20px;cursor:pointer;padding:.5rem 1.5rem;transition:all .2s}.nav-item.active{background:#82cd59;color:#000;font-weight:600}.nav-item:not(.active){color:#fff9}.nav-item:not(.active):hover{background:#ffffff26}.nav-number{font-weight:600}.nav-name{font-weight:500}.result-grid{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;gap:1.5rem;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.result-grid-column{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.grid-card{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0003;cursor:pointer;opacity:0;overflow:hidden;transform:translateY(30px);transition:transform .2s,box-shadow .2s,opacity .6s ease-out;width:100%}.grid-card.loaded{opacity:1;transform:translateY(0)}.grid-card:hover{box-shadow:0 8px 20px #82cd594d;transform:translateY(-4px)}.grid-card img{border:none;display:block;height:100%;object-fit:cover;width:100%}.result-footer{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414d9;border:1px solid #ffffff1a;border-radius:25px;bottom:2rem;box-shadow:0 8px 32px #0009;display:flex;gap:3rem;justify-content:space-between;left:50%;max-width:1200px;min-width:1000px;padding:1.5rem 3rem;position:fixed;transform:translateX(-50%);z-index:1000}.footer-left{gap:2rem}.footer-left,.footer-right{align-items:center;display:flex;flex-shrink:0}.footer-right{gap:1.5rem}.footer-middle{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:200px}.footer-item-large{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;position:relative;transition:opacity .2s}.footer-item-large:hover{opacity:.7}.footer-thumbnail-container{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.footer-thumbnail{border-radius:50%;height:100%;object-fit:cover;width:100%}.footer-thumbnails-row{align-items:center;display:flex;gap:.5rem;height:48px}.footer-thumbnail-small{border:2px solid #fff3;border-radius:6px;box-shadow:0 2px 8px #0000004d;height:48px;object-fit:cover;width:48px}.footer-placeholder{align-items:center;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:6px;color:#ffffff80;display:flex;font-size:.7rem;height:48px;justify-content:center;padding:.25rem;text-align:center;width:48px}.footer-label{color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.footer-icons-container{align-items:center;display:flex;gap:2rem;position:relative}.footer-icon-wrapper{cursor:pointer;position:relative;transition:transform .2s}.footer-icon-wrapper:hover{transform:translateY(-2px)}.footer-icon-img{filter:brightness(.8);height:32px;transition:filter .2s;width:32px}.footer-icon-wrapper.active .footer-icon-img{filter:brightness(1)}.icon-dot{background:#82cd59;border-radius:50%;bottom:-8px;height:6px;width:6px}.icon-dot,.icon-tooltip{left:50%;position:absolute;transform:translateX(-50%)}.icon-tooltip{background:#000000e6;border-radius:6px;bottom:100%;color:#82cd59;font-size:.95rem;font-weight:600;margin-bottom:10px;padding:.5rem .8rem;pointer-events:none;white-space:nowrap}.icon-tooltip:after{border:5px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.footer-info{align-items:center;background:#0006;border-radius:15px;display:flex;gap:.75rem;padding:.75rem 1.5rem}.footer-info-label{color:#fff9;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.footer-info-value{color:#fff;font-size:.9rem;font-weight:500}.footer-generate-btn{background:#82cd59;border:none;border-radius:15px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;margin-left:1.5rem;padding:.75rem 2rem;transition:all .2s}.footer-generate-btn:hover{background:#6db847;box-shadow:0 4px 12px #82cd5966;transform:translateY(-2px)}.color-dots{display:flex;gap:.3rem}.color-dots .dot{border-radius:50%;box-shadow:0 1px 3px #0000004d;height:14px;width:14px}.prompt-input{background:#0000;border:none;border-bottom:1px solid #ffffff80;color:#fff;font-size:.9rem;font-weight:500;min-width:200px;outline:none;padding:.25rem .5rem}.prompt-input:focus{border-bottom-color:#82cd59}@media (max-width:1200px){.result-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-result-container{height:auto;min-height:100vh;overflow:visible!important;padding-bottom:0}.result-grid{display:flex;flex:none!important;flex-direction:row;gap:1rem;min-height:auto;padding:1rem 1rem 20rem}.result-grid-column:nth-child(3){display:none}.result-grid-column{flex:1 1}.result-header.mobile{margin-top:.5rem;overflow-x:visible;overflow-y:visible;padding:1rem 1rem 1rem 8rem;width:100%}.header-nav.mobile{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;min-width:auto;padding:0;width:100%}.nav-item.mobile{box-sizing:border-box;flex-basis:calc(20% - 0.5rem);flex-grow:0;flex-shrink:0;font-size:.95rem;max-width:calc(20% - .5rem);min-width:-webkit-fit-content;min-width:fit-content;padding:.6rem 2rem;white-space:nowrap}.nav-item.mobile .nav-name{display:inline-block}.result-footer.mobile{bottom:1rem;flex-direction:column;gap:.5rem;left:50%;max-width:95vw;min-width:auto;padding:1.5rem 1rem;transform:translateX(-50%);width:95vw}.result-footer.mobile .footer-left{flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.result-footer.mobile .footer-middle{min-width:auto;padding:0 .5rem;width:100%}.result-footer.mobile .footer-right{align-items:stretch;flex-direction:column;gap:1rem;width:100%}.result-footer.mobile .footer-icons-container{gap:1.5rem;justify-content:center;width:100%}.result-footer.mobile .footer-generate-btn{font-size:1.1rem;margin-left:0;padding:1rem 2rem;width:100%}.result-footer.mobile .footer-info{flex-wrap:wrap;justify-content:center;text-align:center}.result-footer.mobile .prompt-input{min-width:auto;width:100%}.result-grid-column{gap:1rem}.grid-card{border-radius:4px}}@media (max-width:480px){.result-grid{gap:.75rem;padding:.75rem .75rem 20rem}.result-grid-column:nth-child(3){display:none}.result-grid-column{flex:1 1}.result-header.mobile{padding-left:5rem}.nav-item.mobile{flex-basis:calc(20% - 0.4rem);flex-grow:0;flex-shrink:0;font-size:.9rem;max-width:calc(20% - .4rem);padding:.55rem 1.6rem}}.not-found-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh;padding:2rem}.not-found-content{color:#fff;text-align:center}.not-found-title{color:#82cd59;font-size:8rem;font-weight:700;line-height:1;margin:0}.not-found-subtitle{color:#fff;font-size:2rem;margin:1rem 0}.not-found-description{color:#fff9;font-size:1.2rem;margin-bottom:2rem}.not-found-button{background:#0000;border:2px solid #82cd59;border-radius:8px;color:#82cd59;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 3rem;transition:all .3s}.not-found-button:hover{background:#82cd59;color:#000;transform:translateY(-2px)}@media (max-width:768px){.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}.not-found-description{font-size:1rem}}
/*# sourceMappingURL=main.4383f127.css.map*/