:root{--bg: #0a0a0a;--bg-black: #000;--bg-card: #111;--border-subtle: #1a1a1a;--border-disabled: #555;--border: #555;--border-hover: #555;--text: #e0e0e0;--text-primary: #fff;--text-secondary: #888;--text-muted: #555;--text-dim: #555;--text-placeholder: #444;--text-subtitle: #777;--text-warm: #FFF1E5;--color-error: #c0392b;--spinner-track: #222;--logo-width: 280px;--logo-scrolled: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Cormorant Garamond,Georgia,serif;background:var(--bg);color:var(--text)}.layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.panel-left{padding:2rem 2rem 4rem 1rem}.site-header{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,var(--bg),transparent);padding-bottom:6rem;margin-bottom:0;pointer-events:none;transition:padding .3s ease}.site-header *{pointer-events:auto}.site-header.scrolled{padding-bottom:10rem}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;transition:margin-bottom .3s ease}.site-header.scrolled .header-top{margin-bottom:.5rem}.gallery-link{position:fixed;top:1.5rem;right:1.5rem;z-index:100;font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;font-weight:400;color:var(--text-warm);text-decoration:none;transition:color .15s ease}.gallery-link:hover{color:var(--text-primary)}.site-logo{width:var(--logo-width);height:auto;display:block;padding-bottom:1.8rem;margin-left:80px;transition:width .3s ease}.site-header.scrolled .site-logo{width:var(--logo-scrolled)}.subtitle{font-size:1.1rem;font-weight:400;color:var(--text-subtitle);line-height:1.5;max-width:500px;margin-left:80px;overflow:hidden;max-height:3em;opacity:1;transition:max-height .3s ease,opacity .3s ease}.site-header.scrolled .subtitle{max-height:0;opacity:0}.color-filter{display:flex;gap:.5rem;margin-left:80px;margin-top:1rem}.color-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);background:var(--dot-color);cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.color-dot:hover{transform:scale(1.2);border-color:var(--text-secondary)}.color-dot.active{border-color:var(--text-primary);transform:scale(1.25);box-shadow:0 0 6px #fff3}.site-header.scrolled .color-filter{margin-top:.5rem}.flower-card.color-hidden{display:none}.picker-body{display:flex;flex-direction:column}#flower-grid{display:grid;grid-template-columns:80px 1fr;gap:0}.category-nav{position:sticky;top:10rem;align-self:start;display:flex;flex-direction:column;gap:.5rem;padding-right:2rem}.category-nav-item{font-family:Pretendard,-apple-system,sans-serif;font-size:.9rem;font-weight:300;color:var(--text-dim);white-space:nowrap;cursor:pointer;background:none;border:none;padding:0;text-align:left;transition:color .15s ease}.category-nav-item:hover{color:var(--text-secondary)}.category-nav-item.active{color:var(--text-primary)}.category-sections{display:flex;flex-direction:column}.category-section{margin-bottom:0}.flower-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.flower-card{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;border:.5px solid var(--border-subtle);background:var(--bg-card);transition:border-color .15s ease;display:block;padding:0;font-family:inherit;color:inherit}.flower-card:hover{border-color:var(--border)}.flower-card.selected{border-color:var(--text-primary);box-shadow:0 0 12px #ffffff14}.flower-img{width:100%;height:100%;object-fit:cover;display:block}.flower-info{position:absolute;top:0;left:0;padding:5px 7px;pointer-events:none;text-align:left}.flower-name{display:block;font-family:Pretendard,-apple-system,sans-serif;font-size:.6rem;font-weight:200;color:var(--text-primary);line-height:1.2}.flower-color{display:block;font-family:Pretendard,-apple-system,sans-serif;font-size:.6rem;font-weight:300;color:#ffffff80;text-transform:capitalize}.panel-right{position:fixed;top:0;right:0;width:50%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg);overflow-y:auto}.back-btn{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;font-family:Pretendard,-apple-system,sans-serif;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.back-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.result-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.result-prompt{font-size:1.15rem;font-weight:400;color:var(--text-secondary);line-height:1.5}.volume-selector{display:flex;gap:.5rem}.volume-btn{width:2.2rem;height:2.2rem;font-size:.75rem;font-weight:400;font-family:Pretendard,-apple-system,sans-serif;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.volume-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.volume-btn.active{background:transparent;color:var(--text-primary);border-color:var(--text-primary)}.generate-btn{padding:.8rem 3rem;font-size:.9rem;font-weight:300;font-family:Pretendard,-apple-system,sans-serif;border:1px solid var(--border-hover);border-radius:0;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .15s ease;min-width:200px}.generate-btn:hover:not(:disabled){background:var(--text-primary);color:#000}.generate-btn:disabled{border-color:var(--border-disabled);color:var(--text-dim);cursor:not-allowed}.gen-remaining{font-family:Pretendard,-apple-system,sans-serif;font-size:.75rem;font-weight:300;color:var(--text-muted)}.gen-remaining.exhausted{color:var(--color-error)}.code-section{display:flex;gap:0;margin-top:.8rem}.code-input{padding:.5rem .8rem;font-family:Pretendard,-apple-system,sans-serif;font-size:.8rem;font-weight:300;color:var(--text);background:transparent;border:1px solid var(--border);outline:none;width:140px}.code-input::placeholder{color:var(--text-placeholder)}.code-input:focus{border-color:var(--border-hover)}.code-btn{padding:.5rem 1rem;font-family:Pretendard,-apple-system,sans-serif;font-size:.8rem;font-weight:400;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-left:none;cursor:pointer;transition:all .15s ease}.code-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.code-btn:disabled{color:var(--text-dim);cursor:not-allowed}.code-error{font-family:Pretendard,-apple-system,sans-serif;font-size:.7rem;font-weight:300;color:var(--color-error);margin-top:.4rem}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.hidden{display:none}.modal{position:relative;background:#111;border:1px solid var(--border);padding:2.5rem 2rem 2rem;max-width:360px;width:calc(100% - 2rem);text-align:center}.modal-close{position:absolute;top:.6rem;right:.8rem;background:none;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.3rem;font-weight:400;color:var(--text-primary);margin-bottom:.6rem}.modal-desc{font-family:Pretendard,-apple-system,sans-serif;font-size:.8rem;font-weight:300;color:var(--text-secondary);line-height:1.5;margin-bottom:1.2rem}.modal-code-section{display:flex;justify-content:center;gap:0}.modal-code-section .code-input{width:160px}.modal-ok-btn{font-family:Pretendard,-apple-system,sans-serif;font-size:.8rem;font-weight:400;color:var(--text-primary);background:transparent;border:1px solid var(--border);padding:.5rem 2rem;cursor:pointer;transition:border-color .15s ease}.modal-ok-btn:hover{border-color:var(--text-primary)}.result{text-align:center;width:100%;max-width:520px}.result-image-wrapper{overflow:hidden;background:var(--bg-black)}.result-image-wrapper img{display:block;width:100%;height:auto}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.download-btn,.retry-btn{padding:.7rem 2rem;font-size:.85rem;font-weight:500;font-family:Pretendard,-apple-system,sans-serif;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.download-btn:hover,.retry-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.panel-left.disabled{pointer-events:none;opacity:.4}.result-loading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.result-loading p{font-size:1rem;color:var(--text-muted);font-weight:400}.spinner{width:36px;height:36px;border:2px solid var(--spinner-track);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gallery-view{min-height:100vh;background:var(--bg)}.gallery-header{display:flex;align-items:center;gap:1.5rem;padding:2rem 2rem 1.5rem}.gallery-back-btn{width:2.5rem;height:2.5rem;font-size:1.2rem;font-family:Pretendard,-apple-system,sans-serif;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.gallery-back-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.gallery-title{font-size:1.3rem;font-weight:300;color:var(--text)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;border:.5px solid var(--border-subtle);background:var(--bg-card);padding:0;font-family:inherit;transition:border-color .15s ease;animation:fadeIn .4s ease both}.gallery-item:hover{border-color:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:opacity .3s ease}.gallery-item.loading img{opacity:0}.gallery-item-spinner{position:absolute;inset:0;display:none;align-items:center;justify-content:center}.gallery-item.loading .gallery-item-spinner{display:flex}.gallery-item-spinner:after{content:"";width:20px;height:20px;border:1.5px solid var(--spinner-track);border-top-color:var(--text-muted);border-radius:50%;animation:spin .8s linear infinite}.gallery-empty{color:var(--text-muted);font-size:1rem;grid-column:1 / -1;text-align:center;padding:4rem 0}.gallery-load-more{grid-column:1 / -1;padding:.8rem 2rem;margin:1.5rem auto;font-family:Pretendard,-apple-system,sans-serif;font-size:.85rem;font-weight:400;color:var(--text-secondary);background:transparent;border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.gallery-load-more:hover{border-color:var(--text-primary);color:var(--text-primary)}.gallery-detail{min-height:100vh;background:var(--bg);padding:2rem}.detail-content{max-width:560px;margin:0 auto}.detail-image-wrapper{background:var(--bg-black);overflow:hidden}.detail-image-wrapper img{width:100%;display:block}.detail-flowers{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.detail-flower-tag{font-family:Pretendard,-apple-system,sans-serif;font-size:.75rem;font-weight:300;color:var(--text-secondary);border:1px solid var(--border);padding:.3rem .8rem;display:flex;gap:.4rem;align-items:center}.detail-flower-color{color:var(--text-muted);font-weight:200}.detail-meta{margin-top:1rem;font-family:Pretendard,-apple-system,sans-serif;font-size:.8rem;font-weight:300;color:var(--text-muted)}.hidden{display:none!important}.mobile-bar{display:none}@media(max-width:768px){.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:linear-gradient(to bottom,transparent,var(--bg) 40%);padding:2rem 1rem .8rem;padding-bottom:max(.8rem,env(safe-area-inset-bottom))}.mobile-bar:not(.hidden){display:block}.mobile-bar-inner{display:flex;align-items:center;justify-content:center;gap:.8rem}.mobile-bar .generate-btn{flex:1;max-width:200px;padding:.7rem 1rem}}@media(max-width:768px){.layout{grid-template-columns:1fr}.panel-left{padding:1.5rem 1rem 5rem}.panel-right{display:none;position:static;width:100%;height:auto;min-height:100vh;padding:3rem 1.5rem 2rem}.layout.show-result .panel-left{display:none}.layout.show-result .panel-right{display:flex}.back-btn{position:fixed;top:1rem;left:1rem;z-index:20}.site-title{font-size:clamp(3rem,10vw,5rem)}#flower-grid{grid-template-columns:1fr}.site-logo{--logo-width: 180px;--logo-scrolled: 100px;margin-left:0}.subtitle,.color-filter{margin-left:0}.category-nav{display:none}.flower-cards{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-view,.gallery-detail{padding:1.5rem 1rem}}