.settings{display:flex;flex-direction:column;height:100%;max-height:100vh}.settings-content{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#1a202c;border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#718096}.settings-footer{padding:16px 0 0;border-top:1px solid #4a5568;margin-top:8px;flex-shrink:0}.settings-title{color:#f7fafc;font-size:18px;font-weight:600;margin-bottom:10px}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-section{border:1px solid #4a5568;border-radius:6px;background:#1a202c;margin-bottom:8px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;background:none;border:none;width:100%;text-align:left;color:#e2e8f0;font-weight:500;font-size:14px;transition:background-color .2s ease}.section-header:hover{background:#4a55684d}.section-content{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px}.section-content.collapsed{display:none}.section-toggle{transition:transform .2s ease}.section-toggle.collapsed{transform:rotate(-90deg)}.setting-label{font-weight:500;color:#e2e8f0;font-size:14px}.setting-help{font-size:12px;color:#a0aec0;font-style:italic}.grid-mode-tabs{display:flex;border:1px solid #4a5568;border-radius:4px;overflow:hidden}.tab{flex:1;padding:8px 12px;background:#1a202c;border:none;font-size:13px;transition:all .2s ease;color:#e2e8f0}.tab:hover{background:#2d3748}.tab.active{background:#4299e1;color:#fff}.slider-container,.difficulty-container{display:flex;align-items:center;gap:12px}.slider{flex:1;height:6px;border-radius:3px;background:#4a5568;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;cursor:pointer;border:1px solid #2d3748}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:9px;background:#4299e1;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0003;transition:all .15s ease}.slider::-webkit-slider-thumb:hover{background:#3182ce;border-color:#f7fafc;transform:scale(1.05);box-shadow:0 3px 6px #00000040}.slider::-webkit-slider-thumb:active{background:#2c5aa0;border-color:#cbd5e0;transform:scale(.98);box-shadow:0 1px 2px #0000004d}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:9px;background:#4299e1;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0003;transition:all .15s ease}.slider::-moz-range-thumb:hover{background:#3182ce;border-color:#f7fafc;transform:scale(1.05);box-shadow:0 3px 6px #00000040}.slider::-moz-range-thumb:active{background:#2c5aa0;border-color:#cbd5e0;transform:scale(.98);box-shadow:0 1px 2px #0000004d}.slider::-moz-range-track{height:6px;border-radius:3px;background:#4a5568;border:1px solid #2d3748}.slider:focus{outline:none}.slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px #4299e14d,0 2px 4px #0003}.slider:focus::-moz-range-thumb{box-shadow:0 0 0 2px #4299e14d,0 2px 4px #0003}.slider:disabled{opacity:.5;cursor:not-allowed}.slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#718096;border-color:#a0aec0}.slider:disabled::-moz-range-thumb{cursor:not-allowed;background:#718096;border-color:#a0aec0}.slider-value{min-width:60px;text-align:center;font-weight:500;color:#e2e8f0;font-size:13px}.grid-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-inputs>div{display:flex;flex-direction:column;gap:4px}.grid-inputs label{font-size:12px;color:#a0aec0}.difficulty-description{font-size:12px;color:#cbd5e0;padding:4px 8px;background:#1a202c;border-radius:4px;border-left:3px solid #4299e1}.seed-container{display:flex;gap:8px}.seed-container input{flex:1}.random-seed-btn{background:#38a169;color:#fff;font-size:12px;padding:8px 12px;white-space:nowrap}.random-seed-btn:hover{background:#2f855a}.advanced-settings{border:1px solid #4a5568;border-radius:4px;padding:12px}.advanced-settings summary{cursor:pointer;font-weight:500;color:#e2e8f0;margin-bottom:12px}.advanced-settings[open] summary{margin-bottom:16px}.generate-btn{background:#4299e1;color:#fff;font-size:16px;font-weight:600;padding:12px 20px;border-radius:6px;margin-top:10px;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:#3182ce;transform:translateY(-1px);box-shadow:0 2px 8px #4299e166}.generate-btn:disabled{background:#718096}.word-inputs{display:flex;flex-direction:column;gap:4px}.word-input-row{display:flex;gap:6px;align-items:center}.word-input{flex:1;min-width:0;font-family:inherit;font-size:12px;padding:4px 6px;height:28px;background:#1a202c;border:1px solid #4a5568;border-radius:3px;color:#e2e8f0;transition:all .2s ease;box-sizing:border-box}.word-input:focus{outline:none;border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed33}.remove-word-btn{background:#e53e3e;color:#fff;font-size:16px;font-weight:600;padding:8px 12px;border-radius:4px;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.remove-word-btn:hover{background:#c53030}.add-word-btn{background:#38a169;color:#fff;font-size:14px;font-weight:500;padding:10px 16px;border-radius:4px;transition:all .2s ease;align-self:flex-start}.add-word-btn:hover:not(:disabled){background:#2f855a}.add-word-btn:disabled{background:#718096;cursor:not-allowed}.word-counter{color:#4299e1;font-weight:500}textarea{resize:vertical;min-height:60px;font-family:inherit}.puzzle-grid-container{display:flex;flex-direction:column;gap:20px}.puzzle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.puzzle-header h3{color:#f7fafc;font-size:18px;margin:0}.puzzle-info{display:flex;gap:15px;font-size:14px;color:#a0aec0}.puzzle-content{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}.puzzle-grid{display:grid;gap:2px;background:#4a5568;padding:10px;border-radius:8px;width:fit-content;margin:0 auto}.grid-cell{width:35px;height:35px;background:#2d3748;border:1px solid #4a5568;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;color:#e2e8f0;transition:all .2s ease;cursor:default;-webkit-user-select:none;user-select:none}.puzzle-grid-container.live-preview .grid-cell{animation:scrambleEffect .08s ease-in-out infinite alternate}@keyframes scrambleEffect{0%{color:#f7fafc;text-shadow:0 0 3px rgba(247,250,252,.3);transform:scale(1)}to{color:#e2e8f0;text-shadow:0 0 5px rgba(226,232,240,.5);transform:scale(1.02)}}.grid-cell.word-cell{border-width:2px}.grid-cell.highlighted{transform:scale(1.05);box-shadow:0 2px 8px #00000026;z-index:1;position:relative}.grid-cell.intersection{position:relative}.grid-cell.intersection:after{content:"●";position:absolute;top:2px;right:2px;font-size:6px;color:#a0aec0}.word-list{background:#1a202c;border-radius:8px;padding:20px}.word-list h4{color:#f7fafc;font-size:16px;margin:0 0 15px}.words{display:flex;flex-direction:column;gap:8px}.word-item{padding:10px;background:#2d3748;border-radius:6px;border-left:4px solid #4a5568;cursor:pointer;transition:all .2s ease}.word-item:hover,.word-item.active{transform:translate(4px);box-shadow:0 2px 8px #0000004d}.word-text{font-weight:600;color:#f7fafc;font-size:15px}.word-info{font-size:12px;color:#a0aec0;margin-top:2px}.puzzle-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;background:#1a202c;border-radius:8px;border:2px dashed #4a5568}.placeholder-content{text-align:center;color:#a0aec0}.placeholder-content h3{color:#e2e8f0;margin-bottom:10px}@media (max-width: 1024px){.puzzle-content{grid-template-columns:1fr;gap:20px}.word-list{order:-1}.words{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}}@media (max-width: 768px){.grid-cell{width:28px;height:28px;font-size:14px}.puzzle-header{flex-direction:column;align-items:flex-start;gap:8px}.puzzle-info{flex-wrap:wrap}}.statistics{background:#1a202c;border-radius:8px;padding:20px;margin-top:20px}.statistics-title{color:#f7fafc;font-size:16px;font-weight:600;margin:0 0 16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat-item{display:flex;align-items:center;gap:10px;background:#2d3748;padding:12px;border-radius:6px;border:1px solid #4a5568}.stat-icon{font-size:18px;width:24px;text-align:center}.stat-content{flex:1;min-width:0}.stat-value{font-weight:600;color:#f7fafc;font-size:14px;line-height:1.2}.stat-label{font-size:11px;color:#a0aec0;line-height:1.2;margin-top:1px}.winner-word{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,gold,#ffed4e);padding:16px;border-radius:8px;border:1px solid #f39c12;margin-top:12px}.winner-icon{font-size:24px}.winner-content{flex:1}.winner-label{font-size:12px;color:#856404;font-weight:500;line-height:1.2}.winner-value{font-size:18px;font-weight:700;color:#856404;line-height:1.2;margin-top:2px}.stat-item.live-updating{animation:liveUpdatePulse 2s ease-in-out infinite}@keyframes liveUpdatePulse{0%{transform:scale(1);box-shadow:0 0 #4299e166}50%{transform:scale(1.02);box-shadow:0 0 0 5px #4299e11a}to{transform:scale(1);box-shadow:0 0 #4299e100}}.live-preview-message{padding:20px;text-align:center}.score-explanation{background:#1a202c;border-radius:8px;padding:16px;margin-top:16px;border:1px solid #4a5568}.score-explanation h4{color:#f7fafc;font-size:14px;font-weight:600;margin:0 0 8px}.score-explanation p{color:#a0aec0;font-size:13px;line-height:1.5;margin:0 0 8px}.score-explanation p:last-child{margin-bottom:0}.score-explanation strong{color:#e2e8f0;font-weight:600}.score-explanation em{color:#f7fafc;font-style:italic}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.stat-item{padding:10px}.stat-icon{font-size:16px;width:20px}.stat-value{font-size:13px}.stat-label{font-size:10px}}.app{display:grid;grid-template-columns:350px 1fr;gap:20px;min-height:100vh}.settings-panel{background:#2d3748;border-radius:8px;padding:20px;box-shadow:0 4px 12px #0006;max-height:calc(100vh - 40px);position:sticky;top:20px;border:1px solid #4a5568;display:flex;flex-direction:column}.main-content{background:#2d3748;border-radius:8px;padding:20px;box-shadow:0 4px 12px #0006;border:1px solid #4a5568}.app-header{margin-bottom:20px}.app-title{color:#f7fafc;font-size:24px;font-weight:600;margin-bottom:8px}.app-subtitle{color:#a0aec0;font-size:14px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#a0aec0}.error{background:#2d1b1b;color:#feb2b2;padding:15px;border-radius:4px;border:1px solid #742a2a;margin:20px 0}.success{background:#1a202c;color:#9ae6b4;padding:15px;border-radius:4px;border:1px solid #2f855a;margin:20px 0}.generate-section{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0006}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-btn{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:6px}.export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.export-section{display:flex;justify-content:center;margin:20px 0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#e9ecef;background-color:#1a1d23}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{border:1px solid #495057;border-radius:4px;padding:8px 12px;font-size:14px;transition:border-color .2s ease;background-color:#2d3748;color:#e9ecef}input:focus,select:focus,textarea:focus{outline:none;border-color:#4f9eff;box-shadow:0 0 0 2px #4f9eff40}label{display:block;margin-bottom:4px;font-weight:500;font-size:14px;color:#cbd5e0}