body{margin:0;overflow:hidden;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;color:#333;background-color:#f0f4f8}.app-container.svelte-dpzazw.svelte-dpzazw{position:relative;width:100vw;height:100vh}.renderer-canvas.svelte-dpzazw.svelte-dpzazw{width:100%;height:100%;display:block}.title-bar.svelte-dpzazw.svelte-dpzazw{position:absolute;top:15px;left:50%;transform:translateX(-50%);background-color:rgba(255, 255, 255, 0.9);padding:10px 25px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);text-align:center;z-index:10}.title-bar.svelte-dpzazw h1.svelte-dpzazw{margin:0 0 5px 0;font-size:1.6em;color:#2c3e50}.title-bar.svelte-dpzazw .subtitle.svelte-dpzazw{margin:0;font-size:0.9em;color:#555;font-style:italic}.controls-panel.svelte-dpzazw.svelte-dpzazw{position:absolute;top:20px;left:20px;width:330px;max-height:calc(100vh - 40px);overflow-y:auto;background-color:rgba(255, 255, 255, 0.95);padding:20px;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,0.15);font-family:'Roboto', 'Helvetica Neue', Arial, sans-serif;z-index:10;color:#333}.panel-section.svelte-dpzazw.svelte-dpzazw{margin-bottom:20px;padding-bottom:15px;flex:auto;border-bottom:1px solid #e0e0e0}.panel-section.svelte-dpzazw.svelte-dpzazw:last-child{border-bottom:none;margin-bottom:0}.panel-section.svelte-dpzazw h2.svelte-dpzazw{font-size:1.3em;margin-top:0;margin-bottom:10px;color:#3498db}.panel-section.svelte-dpzazw h3.svelte-dpzazw{font-size:1.1em;margin-top:0;margin-bottom:8px;color:#2980b9}.instructions.svelte-dpzazw.svelte-dpzazw,.current-selection.svelte-dpzazw.svelte-dpzazw{font-size:0.9em;color:#555;line-height:1.4}.current-selection.svelte-dpzazw strong.svelte-dpzazw{color:#2c3e50}.cell-selector.svelte-dpzazw .cell-option.svelte-dpzazw{display:flex}.cell-button.svelte-dpzazw.svelte-dpzazw{width:200px;text-align:center;border:none;border-radius:8px;height:40px;box-sizing:border-box}.cell-button[style*="rgb(210, 180, 140)"].svelte-dpzazw.svelte-dpzazw{background-color:#b89a74 !important}.cell-button[style*="rgb(255, 182, 193)"].svelte-dpzazw.svelte-dpzazw{background-color:#f08080 !important}.cell-button[style*="rgb(0, 0, 0)"].svelte-dpzazw.svelte-dpzazw{color:#ffffff !important;background-color:#333333 !important}.cell-button[style*="rgb(0, 0, 0)"].svelte-dpzazw.svelte-dpzazw:hover{background-color:#000000 !important}.cell-button.selected.svelte-dpzazw.svelte-dpzazw{font-weight:bold;box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.info-button.svelte-dpzazw.svelte-dpzazw{flex-shrink:0;text-align:center;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;background-color:#d4d3cf;color:#2c3e50;box-sizing:border-box}.info-button.svelte-dpzazw.svelte-dpzazw:hover{background-color:#cad1d3;border-color:#a2a9ac}.action-button.svelte-dpzazw.svelte-dpzazw{background-color:#2ecc71;color:white;padding:12px 18px;border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:500;width:100%;transition:background-color 0.2s ease;margin-bottom:10px}.action-button.svelte-dpzazw.svelte-dpzazw:hover{background-color:#27ae60}.ap-bio-info.svelte-dpzazw .accordion-header.svelte-dpzazw{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:5px 0}.ap-bio-info.svelte-dpzazw .accordion-header.svelte-dpzazw:hover{color:#3498db}.ap-bio-info.svelte-dpzazw .accordion-icon.svelte-dpzazw{font-size:0.8em;transition:transform 0.2s ease-in-out}.ap-bio-info.svelte-dpzazw ul.svelte-dpzazw{list-style-type:disc;padding-left:20px;font-size:0.85em;line-height:1.5;color:#444;margin-top:8px}.ap-bio-info.svelte-dpzazw strong.svelte-dpzazw{color:#2980b9}.modal-overlay.svelte-dpzazw.svelte-dpzazw{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(3px)}.modal-content.svelte-dpzazw.svelte-dpzazw{background-color:#fff;padding:25px 30px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.2);width:90%;max-width:550px;position:relative;color:#333;line-height:1.6}.modal-content.svelte-dpzazw h3.svelte-dpzazw{margin-top:0;color:#3498db;font-size:1.5em}.modal-close-button.svelte-dpzazw.svelte-dpzazw{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2em;color:#aaa;cursor:pointer;line-height:1}.modal-close-button.svelte-dpzazw.svelte-dpzazw:hover{color:#777}