.aurora-container{width:100%;height:100%;position:relative;overflow:hidden}.aurora-container canvas{width:100%!important;height:100%!important;display:block}.prism-container{width:100%;height:100%;position:relative;overflow:hidden}.prism-container canvas{width:100%!important;height:100%!important;display:block}.wallpaper-gallery{display:flex;width:100vw;height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.color-array-controls{display:flex;flex-direction:column;gap:8px}.color-input-group{display:flex;align-items:center;gap:10px}.color-input-group label{font-size:12px;min-width:60px;color:#aaa}.color-input-group input[type=color]{width:40px;height:30px}.control-group select{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(255,255,255,.05);color:#fff;font-size:14px;cursor:pointer}.control-group select option{background:#222;color:#fff}.preview-area{flex:1;position:relative;overflow:hidden;background:#111}.preview-area canvas{width:100%!important;height:100%!important;display:block!important}.control-panel{width:350px;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.control-panel h1{font-size:24px;margin-bottom:5px;background:linear-gradient(45deg,#FF6B6B,#4ECDC4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.control-panel>p{font-size:14px;color:#aaa;margin-bottom:10px}.effect-selector h3,.parameter-controls h3{font-size:18px;margin-bottom:15px;color:#fff}.effect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.effect-card{padding:15px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer;transition:all .3s ease;font-size:12px;text-align:center}.effect-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.effect-card.active{background:linear-gradient(45deg,#FF6B6B,#4ECDC4);border-color:transparent;box-shadow:0 4px 15px #ff6b6b4d}.parameter-controls{flex:1}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:8px;font-size:14px;color:#ccc}.control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#333;outline:none;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(45deg,#FF6B6B,#4ECDC4);cursor:pointer;box-shadow:0 2px 6px #0000004d}.control-group input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(45deg,#FF6B6B,#4ECDC4);cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.control-group input[type=color]{width:100%;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;background:transparent}.export-section{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.export-btn{width:100%;padding:15px;border:none;border-radius:8px;background:linear-gradient(45deg,#FF6B6B,#4ECDC4);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-info{font-size:12px;color:#888;line-height:1.4;text-align:center}@media (max-width: 768px){.wallpaper-gallery{flex-direction:column}.preview-area{height:60vh}.control-panel{width:100%;height:40vh;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.effect-grid{grid-template-columns:1fr 1fr 1fr 1fr}.effect-card{padding:10px 5px;font-size:11px}}