:root{--primary-color: #2196f3;--secondary-color: #4caf50;--accent-color: #ff5722;--background-color: #ffffff;--surface-color: #f5f5f5;--text-primary: #212121;--text-secondary: #757575;--border-color: #e0e0e0;--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 16px rgba(0, 0, 0, .2);--border-radius: 8px;--transition-fast: .15s ease;--transition-medium: .3s ease;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--background-color);overflow:hidden}#app{width:100vw;height:100vh;display:flex;flex-direction:column}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:var(--border-radius);font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);min-height:36px}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn:active{transform:translateY(0)}.btn.primary{background-color:var(--primary-color);color:#fff}.btn.primary:hover{background-color:#1976d2}.btn.secondary{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn.secondary:hover{background-color:#eee}.overlay-enter{opacity:0;transform:scale(.9) translateY(-20px)}.overlay-enter-active,.overlay-leave{opacity:1;transform:scale(1) translateY(0);transition:all var(--transition-medium)}.overlay-leave-active{opacity:0;transform:scale(.9) translateY(-20px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:3px solid var(--surface-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}input,select,textarea{font-family:inherit;font-size:14px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px 12px;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2196f333}.control-section{margin-bottom:24px}.section-header{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.control-group{margin-bottom:12px}.control-group label{display:block;margin-bottom:4px;font-weight:500;color:var(--text-primary)}.button-group{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){body{font-size:16px}.btn{min-height:44px;padding:12px 20px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-secondary: #000000}}@media (prefers-color-scheme: dark){:root{--background-color: #121212;--surface-color: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: #333333}}.app-layout{display:flex;width:100vw;height:100vh;overflow:hidden}.control-panel{position:fixed;top:0;left:0;width:320px;height:100vh;background:var(--background-color);border-right:1px solid var(--border-color);box-shadow:var(--shadow-medium);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-medium)}.control-panel.collapsed{transform:translate(-260px)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);min-height:60px}.panel-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);opacity:1;transition:opacity var(--transition-medium);flex:1}.header-links{display:none;gap:8px;align-items:center}.control-panel.collapsed .panel-title{opacity:0}.panel-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:4px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.panel-toggle-btn:hover{background-color:var(--surface-color);color:var(--text-primary)}.toggle-icon{transition:transform var(--transition-medium)}.control-panel.collapsed .toggle-icon{transform:rotate(180deg)}.panel-body{flex:1;overflow-y:auto;padding:20px;opacity:1;transition:opacity var(--transition-medium)}.control-panel.collapsed .panel-body{opacity:0;pointer-events:none}.panel-footer{padding:12px 20px;border-top:1px solid var(--border-color);background-color:var(--surface-color);opacity:1;transition:opacity var(--transition-medium)}.control-panel.collapsed .panel-footer{opacity:0}.footer-section{margin-bottom:12px}.footer-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border-color)}.footer-list{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.5;color:var(--text-primary)}.footer-list li{margin-bottom:2px}.footer-link{color:var(--text-primary);text-decoration:none;font-size:inherit;font-weight:400}.footer-link:hover{color:var(--primary-color)}.canvas-container{flex:1;margin-left:320px;width:calc(100vw - 320px);height:100vh;transition:all var(--transition-medium);position:relative;overflow:hidden}.control-panel.collapsed+.canvas-container{margin-left:60px;width:calc(100vw - 60px)}.preset-dropdown-container{margin-bottom:16px}.preset-dropdown-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-primary)}.preset-dropdown{width:100%;padding:8px 12px;font-size:13px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.preset-dropdown:hover{border-color:var(--primary-color)}.preset-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1976d233}.preset-dropdown option{padding:8px;color:var(--text-primary);background:var(--background-color)}.preset-dropdown option:disabled{color:var(--text-secondary);font-style:italic}.export-section{margin-top:16px}.export-controls{display:flex;gap:8px;align-items:center}.export-format-select{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:12px}.export-button{padding:6px 12px;font-size:12px;white-space:nowrap}.control-panel-overlay input:focus,.control-panel-overlay button:focus,.control-panel-overlay select:focus{outline:2px solid var(--primary-color);outline-offset:2px}.slider-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;margin:8px 0;cursor:pointer;position:relative}.slider-control::-webkit-slider-track{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border-color);cursor:pointer}.slider-control::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--background-color);box-shadow:0 2px 4px #0003;transition:all .2s ease;margin-top:-6px}.slider-control::-webkit-slider-thumb:hover{background:var(--primary-hover);transform:scale(1.1)}.slider-control::-webkit-slider-thumb:active{transform:scale(1.2)}.slider-control::-moz-range-track{width:100%;height:6px;border-radius:3px;background:var(--border-color);cursor:pointer;border:none}.slider-control::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--background-color);box-shadow:0 2px 4px #0003;transition:all .2s ease;-moz-appearance:none}.slider-control::-moz-range-thumb:hover{background:var(--primary-hover);transform:scale(1.1)}.slider-control::-moz-range-thumb:active{transform:scale(1.2)}.slider-control::-ms-track{width:100%;height:6px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}.slider-control::-ms-fill-lower{background:var(--border-color);border-radius:3px}.slider-control::-ms-fill-upper{background:var(--border-color);border-radius:3px}.slider-control::-ms-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--background-color);box-shadow:0 2px 4px #0003}.slider-control:focus{outline:none}.slider-control:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #1976d24d,0 2px 4px #0003}.slider-control:focus::-moz-range-thumb{box-shadow:0 0 0 3px #1976d24d,0 2px 4px #0003}.slider-control:focus::-ms-thumb{box-shadow:0 0 0 3px #1976d24d,0 2px 4px #0003}.color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;width:32px;height:32px;padding:0;cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;background-color:transparent}.color-picker::-moz-color-swatch{border:none}.language-toggle-wrapper{display:flex;align-items:center;margin-right:12px;opacity:1;transition:opacity var(--transition-medium)}.control-panel.collapsed .language-toggle-wrapper{opacity:0;pointer-events:none}.language-toggle{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:11px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);min-width:50px;-webkit-user-select:none;user-select:none}.language-toggle:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px)}.language-toggle:active{transform:translateY(0);background:var(--surface-active)}.language-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.language-toggle.loading{background:var(--surface-secondary);cursor:wait}.lang-code{font-size:11px;font-weight:700}.toggle-hint{font-size:10px;opacity:.7;transition:opacity var(--transition-fast)}.language-toggle:hover .toggle-hint{opacity:1}@media (max-width: 768px){.language-toggle-wrapper{margin-right:8px}.language-toggle{padding:5px 8px;font-size:10px;min-width:45px}.lang-code{font-size:10px}.toggle-hint{font-size:9px}}@media (max-width: 767px){.control-panel.collapsed .language-toggle-wrapper{display:none}}.external-panel-toggle{position:fixed;z-index:200;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;opacity:0;pointer-events:none;transform:scale(.8)}.control-panel.collapsed~.external-panel-toggle{opacity:1;pointer-events:auto;transform:scale(1)}.external-panel-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006;background:var(--primary-hover)}.external-panel-toggle:active{transform:scale(1.05)}.control-panel.collapsed .panel-toggle-btn{opacity:0;pointer-events:none}@media (min-width: 768px){.external-panel-toggle{top:24px;left:24px;width:48px;height:48px}.external-panel-toggle .toggle-icon{width:18px;height:18px}}@media (max-width: 767px){.external-panel-toggle{top:16px;right:16px;width:56px;height:56px}.external-panel-toggle .toggle-icon{width:20px;height:20px}}.external-panel-toggle:focus-visible{outline:2px solid white;outline-offset:2px}@media (max-width: 480px){.external-panel-toggle{top:12px;right:12px;width:52px;height:52px}}.canvas-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);display:flex;align-items:center;justify-content:center}.fractal-canvas{display:block;width:100%;height:100%;max-width:100vw;max-height:100vh;border-radius:0;box-shadow:none;background-color:var(--background-color);cursor:grab;transition:cursor var(--transition-fast)}.fractal-canvas:active{cursor:grabbing}.fractal-canvas.zooming{cursor:zoom-in}.fractal-canvas.zooming-out{cursor:zoom-out}.ui-overlays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.level-indicator{position:absolute;top:24px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;transition:all var(--transition-medium);pointer-events:none}.level-indicator:not(.hidden){animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:1}50%{transform:translate(-50%) scale(1.05);opacity:.9}}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);padding:24px 32px;border-radius:12px;box-shadow:var(--shadow-medium);display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.loading-indicator .spinner{margin-right:12px}.performance-warning{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:rgba(255,152,0,.9);color:#fff;padding:12px 20px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:80%;text-align:center;pointer-events:none;transition:all var(--transition-medium)}.canvas-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(244,67,54,.95);color:#fff;padding:24px;border-radius:12px;box-shadow:var(--shadow-medium);text-align:center;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.canvas-error h3{margin:0 0 12px;font-size:18px;font-weight:600}.canvas-error p{margin:0;font-size:14px;line-height:1.4;opacity:.9}.canvas-hint{position:absolute;bottom:24px;left:24px;background:rgba(0,0,0,.7);color:#fff;padding:12px 16px;border-radius:8px;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--transition-medium);pointer-events:none;max-width:250px}.canvas-container:hover .canvas-hint{opacity:1}.canvas-hint ul{margin:0;padding-left:16px;list-style:none}.canvas-hint li{margin-bottom:4px;position:relative}.canvas-hint li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;left:-12px}.zoom-indicator{position:absolute;top:24px;right:24px;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;font-family:Courier New,monospace}.canvas-container.zooming .zoom-indicator,.canvas-container.panning .zoom-indicator{opacity:1}.gesture-hint{position:absolute;bottom:24px;right:24px;background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:6px;font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity var(--transition-medium);pointer-events:none}.canvas-container.touch-active .gesture-hint{opacity:1}.canvas-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--background-color)}.canvas-container.fullscreen .fractal-canvas{border-radius:0;box-shadow:none}.animation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.level-flash{position:absolute;border:3px solid var(--accent-color);border-radius:4px;opacity:0;animation:levelFlash .5s ease-out;pointer-events:none}@keyframes levelFlash{0%{opacity:0;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.canvas-info{position:absolute;top:24px;left:24px;background:rgba(255,255,255,.9);padding:12px 16px;border-radius:8px;font-size:12px;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-light);opacity:0;transition:opacity var(--transition-medium);pointer-events:none;min-width:200px}.canvas-container.show-info .canvas-info{opacity:1}.canvas-info-item{display:flex;justify-content:space-between;margin-bottom:4px}.canvas-info-item:last-child{margin-bottom:0}.canvas-info-label{font-weight:500;color:var(--text-secondary)}.canvas-info-value{font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}@media print{.canvas-container{background:white!important;box-shadow:none!important}.ui-overlays,.panel-toggle-btn{display:none!important}.fractal-canvas{border-radius:0!important;box-shadow:none!important;max-width:100%!important;max-height:100%!important}}@media (min-width: 1200px){.canvas-container{height:100vh;width:100vw}.fractal-canvas{width:100%;height:100%;border-radius:0;box-shadow:none}.control-panel-content{max-width:520px;max-height:80vh}.panel-body{padding:32px;max-height:60vh}.preset-grid{grid-template-columns:repeat(2,1fr)}.color-controls{grid-template-columns:repeat(3,1fr)}.panel-toggle-btn{bottom:32px;right:32px;width:60px;height:60px}}@media (min-width: 1600px){.control-panel-content{max-width:600px;max-height:75vh}.panel-body{padding:40px;max-height:55vh}.panel-toggle-btn{bottom:40px;right:40px;width:64px;height:64px}.settings-icon{width:28px;height:28px}}@media (max-width: 1199px) and (min-width: 768px){.control-panel-content{width:85vw;max-width:500px}.panel-toggle-btn{bottom:20px;right:20px;width:52px;height:52px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:16px}.button-group{justify-content:center}.btn{min-height:44px;padding:12px 24px}.color-picker{width:40px;height:40px}.slider-control{height:8px}.slider-control::-webkit-slider-thumb{width:24px;height:24px}.slider-control::-moz-range-thumb{width:24px;height:24px}}@media (max-width: 767px){.control-panel-content{width:95vw;max-width:none;max-height:95vh;margin:0;border-radius:12px 12px 0 0}.control-panel-overlay{align-items:flex-end}.panel-header{padding:16px 20px 12px;position:sticky;top:0;z-index:10;background:var(--background-color);border-radius:12px 12px 0 0}.panel-header h2{font-size:18px}.close-button{width:40px;height:40px;font-size:24px}.panel-body{padding:20px;max-height:70vh;-webkit-overflow-scrolling:touch}.panel-footer{padding:12px 20px}.panel-toggle-btn{bottom:16px;right:16px;width:56px;height:56px;box-shadow:0 4px 12px #2196f366}.btn{min-height:48px;padding:14px 24px;font-size:16px;border-radius:8px}.slider-control{height:10px;margin:12px 0}.slider-control::-webkit-slider-thumb{width:28px;height:28px}.slider-control::-moz-range-thumb{width:28px;height:28px}.color-picker{width:56px;height:56px;border-radius:12px}.color-control{flex-direction:column;align-items:flex-start;gap:8px}.color-control label{margin-bottom:4px}.preset-dropdown{padding:12px 16px;font-size:16px;min-height:48px}.preset-title{font-size:16px;margin-bottom:6px}.preset-description{font-size:13px}.button-group{flex-direction:column;align-items:stretch}.button-group .btn{width:100%;justify-content:center}.control-section{margin-bottom:28px}.section-header{font-size:17px;margin-bottom:20px}.control-group{margin-bottom:24px}.control-group label{font-size:15px;margin-bottom:10px}.value-display{position:static;float:none;margin-top:8px;display:block;text-align:left;background:transparent;padding:0;font-size:14px}.canvas-container{height:100vh;height:100dvh}.fractal-canvas{border-radius:0;box-shadow:none;touch-action:none;width:100%;height:100%}.level-indicator{top:16px}.canvas-hint{display:none}.zoom-indicator{top:16px;right:16px;padding:4px 8px;font-size:11px}.help-text{font-size:13px;line-height:1.5}.control-panel-overlay.overlay-enter .control-panel-content{transform:translateY(100%)}.control-panel-overlay.overlay-enter-active .control-panel-content{transform:translateY(0)}.control-panel-overlay.overlay-leave-active .control-panel-content{transform:translateY(100%)}}@media (max-width: 480px){.panel-header h2{font-size:16px}.panel-body{padding:16px}.panel-footer{padding:10px 16px}.control-section{margin-bottom:24px}.section-header{font-size:16px;margin-bottom:16px}.btn{min-height:44px;padding:12px 20px;font-size:15px}.color-picker{width:48px;height:48px}.panel-toggle-btn{width:52px;height:52px;bottom:12px;right:12px}.settings-icon{width:20px;height:20px}}@media (max-width: 767px) and (orientation: landscape){.control-panel-content{max-height:90vh}.panel-body{max-height:60vh}.level-indicator{top:12px}.panel-toggle-btn{bottom:12px;right:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.fractal-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.settings-icon,.spinner{will-change:transform}}@media (prefers-reduced-motion: reduce){.control-panel-overlay,.control-panel-content,.overlay-backdrop,.panel-toggle-btn,.btn,.slider-control::-webkit-slider-thumb,.color-picker,.preset-button{transition:none!important;animation:none!important}.level-indicator:not(.hidden){animation:none!important}.settings-icon{transition:none!important}.panel-toggle-btn:hover .settings-icon{transform:none!important}}@media (prefers-reduced-motion: no-preference){.btn:focus-visible,.color-picker:focus-visible,.slider-control:focus-visible,.preset-dropdown:focus-visible,.panel-toggle-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}}@media (prefers-color-scheme: dark){.canvas-container{background:linear-gradient(135deg,#1a1a1a 0%,#2d3748 100%)}.loading-indicator{background:rgba(45,55,72,.95);color:#fff}.canvas-info{background:rgba(45,55,72,.9);color:#fff}.performance-warning{background:rgba(255,152,0,.8)}}@media print{.control-panel-overlay,.panel-toggle-btn,.ui-overlays{display:none!important}.canvas-container{background:white!important;width:100%!important;height:auto!important}.fractal-canvas{max-width:100%!important;max-height:none!important;border-radius:0!important;box-shadow:none!important}}@media (max-width: 767px){.app-layout{flex-direction:column}.control-panel{position:fixed;top:0;left:0;width:100vw;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--border-color);transform:none}.control-panel.collapsed{transform:translateY(-90%);max-height:60px}.panel-header{padding:12px 16px;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-size:16px;flex:1}.header-links{display:none}.control-panel .panel-footer{display:block!important;position:fixed!important;bottom:0;left:0;right:0;z-index:300;background:var(--background-color);border-top:2px solid var(--primary-color);box-shadow:0 -4px 12px #00000026;padding:16px 20px;margin:0;opacity:1!important;min-height:60px}.panel-footer .footer-section{margin-bottom:8px}.panel-footer .footer-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.panel-footer .footer-list{display:flex;gap:16px;flex-wrap:wrap}.panel-footer .footer-link{color:var(--primary-color);text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;background:rgba(var(--primary-color-rgb, 74, 144, 226),.1);transition:all .2s ease}.panel-footer .footer-link:hover{background:var(--primary-color);color:#fff}.panel-body{padding:16px;overflow-x:auto;overflow-y:visible;white-space:nowrap;display:flex;gap:20px}.control-section{flex-shrink:0;min-width:200px;white-space:normal}.canvas-container{margin-left:0!important;margin-top:40vh;width:100vw!important;height:calc(60vh - 80px);padding-bottom:80px;transition:all var(--transition-medium)}.control-panel.collapsed+.canvas-container{margin-top:60px;height:calc(100vh - 140px);padding-bottom:80px;margin-left:0!important;width:100vw!important}.preset-grid{grid-template-columns:1fr;gap:6px}.preset-button{padding:8px;font-size:11px}.footer-title{font-size:12px;margin-bottom:6px}.footer-list{font-size:13px;margin-bottom:0}.footer-list li{margin-bottom:2px}}@media (max-width: 1023px) and (min-width: 768px){.control-panel{width:280px}.canvas-container{margin-left:280px;width:calc(100vw - 280px)}.control-panel.collapsed+.canvas-container{margin-left:60px;width:calc(100vw - 60px)}}