.simulations-container{margin:20px;background:var(--background);padding:10px;border-radius:8px;font-weight:800}.simulations-container h2{margin-bottom:10px}.simulations-container h3{margin:10px 0}.simulation-section:not(:has(.upload-card)){visibility:hidden;height:1px}.upload-card{align-items:center;border:2px dashed #ccc;border-radius:8px;padding:20px;margin:10px 10vw;height:10vh;cursor:pointer;background:var(--element-foreground);font-weight:800;transition:background-color .3s,border-color .3s}.container,.upload-card{display:flex;justify-content:center}.container{flex-wrap:wrap;margin-top:10px}.canvasItem,.simResult{display:flex;flex-direction:column;align-items:center;margin:10px;background:var(--element-foreground);padding:10px;border:1px solid #ddd;box-shadow:2px 2px 5px rgba(0,0,0,.1);border-radius:8px}canvas{max-height:200px;width:auto;height:auto}.type-label{margin-top:10px}.simulation-section:not(:has(.upload-card)).photo__rendered{visibility:visible;height:unset}.app-container.dark .canvasItem,.app-container.dark .simResult,.app-container.dark .simulations-container,.app-container.dark .upload-card{background:var(--dark-background)}.error-message{margin:20px 10vw;padding:0;border-radius:12px;box-shadow:0 4px 12px rgba(220,53,69,.15);background:#f8d7da;border:1px solid #f5c2c7;animation:slideDown .3s ease-out}.error-content{padding:20px}.error-message h4{color:#842029;margin:0 0 10px;font-size:18px;font-weight:600}.error-message p{color:#721c24;margin:0 0 15px;line-height:1.5}.error-actions{margin:15px 0 10px}.error-button{background:#dc3545;color:white;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.error-button:hover{background:#bb2d3b}.debug-details{margin-top:15px;border-top:1px solid #f1aeb5;padding-top:15px}.debug-details summary{cursor:pointer;color:#6f2832;font-weight:500;margin-bottom:10px}.debug-details summary:hover{color:#842029}.debug-info{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:10px;max-height:200px;overflow-y:auto;font-family:Courier New,monospace;font-size:12px}.debug-line{margin:2px 0;color:#495057}.debug-line:nth-child(odd){background-color:#f8f9fa}.app-container.dark .error-message{background:#2d1b1e;border-color:#5a2a2d}.app-container.dark .error-message h4{color:#f8d7da}.app-container.dark .error-message p{color:#e2b4b7}.app-container.dark .debug-details{border-top-color:#5a2a2d}.app-container.dark .debug-details summary{color:#d1b3b6}.app-container.dark .debug-details summary:hover{color:#f8d7da}.app-container.dark .debug-info{background:#1a1a1a;border-color:#4a4a4a}.app-container.dark .debug-line{color:#adb5bd}.app-container.dark .debug-line:nth-child(odd){background-color:#2d2d2d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-container{min-height:100vh}.app-container.dark{background-color:var(--dark-background);color:var(--dark-foreground)}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:700}.dark-mode-toggle{cursor:pointer;padding:.5rem 1rem;border:1px solid;background:none;border-radius:4px;font-size:.9rem}.main{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;margin-bottom:2rem}.hero h1{font-size:3rem;margin-bottom:1.5rem}.cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.card{flex:1 1 300px;min-width:280px;padding:2rem;border:1px solid #ddd;border-radius:8px}.card h2{margin-bottom:1rem}.card p{line-height:1.6}footer{max-width:1000px;margin:0 auto;padding:2rem;background:var(--element-foreground);border-radius:10px;font-weight:500}footer li{margin:20px 0;line-height:1.5em}footer a{color:var(--dot-color)}@property --＠color-1{syntax:"<color>";inherits:false;initial-value:hsl(135,86%,22%)}@property --＠color-2{syntax:"<color>";inherits:false;initial-value:hsl(204 100% 59%)}@property --＠color-dark-1{syntax:"<color>";inherits:false;initial-value:hsl(136,19%,69%)}@property --＠color-dark-2{syntax:"<color>";inherits:false;initial-value:hsl(204,82%,65%)}@keyframes gradient-change{to{--＠color-1:hsl(210 100% 59%);--＠color-2:hsl(12,86%,38%)}}@keyframes gradient-change-dark{to{--＠color-dark-1:hsl(210,64%,80%);--＠color-dark-2:hsl(12,31%,68%)}}.title{animation:gradient-change 2s linear infinite alternate;background:linear-gradient(to right in oklch,var(--＠color-1),var(--＠color-2));-webkit-background-clip:text;background-clip:text}.app-container.dark .title,.title{-webkit-text-fill-color:transparent;color:transparent}.app-container.dark .title{animation:gradient-change-dark 2s linear infinite alternate;background:linear-gradient(to right in oklch,var(--＠color-dark-1),var(--＠color-dark-2));-webkit-background-clip:text;background-clip:text}.app-container.dark .dark-mode-toggle,.app-container.dark footer{border-color:var(--dark-foreground);color:var(--dark-foreground)}.app-container.dark footer{background-color:transparent}.app-container.dark .card{border-color:#444}