:root{--color-background: #000000;--color-text: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .7);--color-primary: #1450FF;--color-primary-hover: #1147DB;--color-border: rgba(255, 255, 255, .1);--color-selected: #F5F5F5;--color-secondary: rgba(255, 255, 255, .7);--color-secondary-hover: rgba(255, 255, 255, .85);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-primary: "Lora", serif;--font-body: "Lora", serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);margin:0;padding:0;min-height:100vh;font-size:var(--font-size-base);line-height:1.5}.container{width:100%;max-width:none;margin:0 auto;padding:var(--spacing-xl);box-sizing:border-box;overflow-x:hidden}.main-layout{display:flex;flex-direction:column;gap:var(--spacing-xl)}.input-column,.output-column,.gallery-column{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.gallery-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:0!important;padding-top:0!important}.gallery-item{flex:0 0 calc(33.333% - var(--spacing-sm) * 2/3);aspect-ratio:1;border-radius:6px;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover}.preview-container{background:#ffffff08;border:1px solid rgba(255,255,255,.2);border-radius:12px;aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:0!important;padding-top:0!important}.mode-switch{display:flex;gap:var(--spacing-md)}.mode-switch .btn{flex:1}.mode-switch .btn.selected{background-color:#fff!important;border-color:#fff!important;color:#000!important}@media (min-width: 1400px){.main-layout{flex-direction:row;align-items:flex-start;gap:64px}.input-column{flex:0 0 400px}.output-column{flex:1;min-width:600px}.gallery-column{flex:0 0 300px}}@media (max-width: 1399px){.container{padding:var(--spacing-md)}.preview-container{min-width:unset;width:100%}}@media (max-width: 480px){.container{padding:var(--spacing-sm)}.gallery-item{flex:0 0 calc(50% - var(--spacing-sm) * 1/2)}.energy-type-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.energy-type-grid .btn{flex:0 0 calc(50% - var(--spacing-md) * 1/2)}.location-style-group .flex{flex-direction:column;gap:var(--spacing-md)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;font-weight:500;min-width:120px}.btn:hover{background:#ffffff0d;border-color:#ffffff4d}.btn:disabled{opacity:.5;cursor:not-allowed}.energy-type-grid .btn{flex:1 1 200px;width:100%;min-width:unset}.energy-type-grid .btn:hover{background:#ffffff0d;border-color:#ffffff4d}.energy-type-grid .btn.selected{background-color:#fff!important;border-color:#fff!important;color:#000!important}.energy-type-grid .btn.selected .icon{color:#000!important;stroke:#000!important}.generate-btn{background-color:#1450ff!important;border-color:#1450ff!important;color:#fff!important;width:100%;min-width:unset}.generate-btn:hover:not(:disabled){background-color:#1147db!important;border-color:#1147db!important}.btn.selected{background:none;border-color:none}.icon{width:24px;height:24px;stroke-width:1.5}label{color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:500;display:block}.select{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:var(--spacing-md);padding-right:calc(var(--spacing-md) * 2.5);border-radius:12px;font-family:var(--font-body);font-size:var(--font-size-base);width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:16px;min-width:unset}.select:hover{border-color:#ffffff4d}textarea{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:var(--spacing-md);border-radius:12px;font-family:var(--font-body);font-size:var(--font-size-base);width:100%;min-height:100px;resize:vertical}textarea:hover{border-color:#ffffff4d}textarea:focus{outline:none;border-color:var(--color-primary)}textarea::placeholder{color:#fff6}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.advanced-settings-content{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.energy-type-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);width:100%}.energy-type-grid .btn{flex:1 1 120px}.energy-type-section{display:flex;flex-direction:column;gap:12px}.location-style-group{width:100%}.location-style-group .flex{display:flex;gap:24px;width:100%}.location-style-group .flex>*{flex:1;width:100%}.slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--color-border);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer}.card{background:#ffffff0d;border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.2;margin:0}input,select,textarea{font-family:var(--font-body)}.pagination{display:flex;justify-content:center;gap:.5rem}.page-button{padding:.5rem 1rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:8px;cursor:pointer;transition:all .2s}.page-button:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.section-header{display:flex;align-items:center;justify-content:space-between}h2{font-family:var(--font-primary);font-size:var(--font-size-2xl);margin:0;font-weight:600;line-height:1}.section-header,.input-column>h2,.output-column>.section-header>h2,.gallery-column>h2{margin-bottom:0!important}h2{margin-bottom:0!important}.input-column form{margin-top:0!important;padding-top:0!important}