@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.app-header{align-items:center;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.app-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin:0;text-shadow:none}.app-nav{display:flex;gap:1rem}.nav-link{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-weight:500;padding:15px 30px;text-decoration:none;transition:all .3s ease}.nav-link:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.feature-map-link{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.feature-map-link:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.home-link{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.home-link:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.app-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;color:#333;margin:2rem auto;max-width:1200px;padding:40px}h2,h3,h4{margin-bottom:1rem}h2,h3,h4{font-weight:600}h2{color:#2d3748;font-size:2.5rem;letter-spacing:1px;margin-bottom:50px;margin-top:0;text-align:center}section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;margin-bottom:2.5rem;padding:30px}label{color:#2d3748;display:block;font-size:1rem;font-weight:500;margin:.75rem 0}input[type=number],input[type=text],select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;margin-top:8px;max-width:200px;outline:none;padding:12px 16px;transition:border .3s,box-shadow .3s;width:100%}input[type=number]:focus,input[type=text]:focus,select:focus{border:2px solid #667eea;box-shadow:0 0 0 3px #667eea1a}input[type=file]{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#333;padding:12px}button,input[type=file]{cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:1rem;font-weight:500;margin:8px 12px 8px 0;padding:15px 30px;transition:all .3s ease}button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.validation-error{background:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:6px;color:#e53e3e;margin:1rem 0;padding:.75rem}.validation-warning{background:#d69e2e1a;border:1px solid #d69e2e4d;border-radius:6px;color:#d69e2e;margin:1rem 0;padding:.75rem}.validation-success{background:#38a1691a;border:1px solid #38a1694d;border-radius:6px;color:#38a169;margin:1rem 0;padding:.75rem}.layer-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin:.5rem 0;padding:1rem;transition:all .2s ease}.layer-item:hover{background:#ffffff14;border-color:#667eea4d}.layer-item.editing{background:#667eea1a;border-color:#667eea80;box-shadow:0 0 8px #667eea4d}.layer-info{flex:1 1}.layer-type{color:#667eea;font-size:1.1rem;font-weight:600}.layer-params{color:#ccc;font-size:.9rem;margin-top:.25rem}.layer-actions{display:flex;gap:.5rem}.layer-actions button{font-size:.8rem;letter-spacing:normal;margin:0;padding:.4rem .8rem;text-transform:none}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1rem 0}.chart-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:2rem 0;padding:1.5rem}.layer-visualization{margin:1rem 0}.layer-legend{background:#667eea0d;border:1px solid #667eea33;border-radius:12px;box-shadow:0 2px 8px #667eea1a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem}.legend-item{align-items:center;color:#2d3748;display:flex;font-size:.85rem;font-weight:500;gap:.5rem}.legend-color{border:1px solid #fff3;border-radius:3px;height:16px;width:16px}.layer-visualization-empty{color:#4a5568;padding:2rem;text-align:center}.sample-flow{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.sample-layer{background:#667eea1a;border:1px solid #667eea4d;border-radius:8px;color:#2d3748;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.layer-flow{align-items:center;display:flex;gap:1rem;min-height:120px;overflow-x:auto;padding:1rem 0}.layer-visualization-item{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:fit-content}.layer-visual{min-height:80px}.layer-shape,.layer-visual{align-items:center;display:flex;justify-content:center;position:relative}.layer-shape{border-radius:4px;box-shadow:0 2px 8px #0003;transition:all .3s ease}.layer-shape:hover{box-shadow:0 4px 16px #4e9cff4d;transform:scale(1.05)}.layer-1d{background:linear-gradient(90deg,#9775fa,#b197fc);border:2px solid #9775fa99;box-shadow:0 4px 12px #9775fa4d;transition:all .3s ease}.layer-1d:hover{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-color:#8b5cf6cc;box-shadow:0 6px 20px #9775fa66;transform:scale(1.05) translateY(-2px)}.layer-2d{background:linear-gradient(135deg,#4e9cff,#44d9e8);border:1px solid #4e9cff80}.layer-3d-container{position:relative;transition:transform .3s ease}.layer-3d-container:hover{transform:scale(1.05)}.layer-3d{background:linear-gradient(135deg,#4e9cff,#44d9e8);border:1px solid #4e9cff80;box-shadow:0 2px 8px #0000004d;position:relative;z-index:3}.layer-3d-back{background:linear-gradient(135deg,#3a7bd9,#2eb8c7);border:1px solid #3a7bd980;left:0;position:absolute;top:0;z-index:1}.layer-3d-side-right{top:0}.layer-3d-side-right,.layer-3d-side-top{background:linear-gradient(135deg,#2e6bb8,#259aa6);border:1px solid #2e6bb880;position:absolute;z-index:2}.layer-3d-side-top{left:0}.layer-info-viz{min-width:100px;text-align:center}.layer-name{color:#2d3748;font-size:.9rem;font-weight:600;margin-bottom:.2rem;text-shadow:none}.layer-dimensions{color:#2d3748;font-size:.8rem;font-weight:500;margin:.2rem 0}.layer-description{color:#4a5568;font-size:.7rem;line-height:1.2}.layer-arrow{align-self:center;color:#667eea;font-size:1.5rem;margin:0 .5rem}.architecture-summary{grid-gap:1rem;background:#667eea0d;border:1px solid #667eea33;border-radius:12px;box-shadow:0 2px 8px #667eea1a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding:1.5rem}.summary-item{color:#2d3748;font-size:.9rem;font-weight:500}@media (max-width:768px){.app-container{margin:1rem;padding:1.5rem 1rem}h2{font-size:1.8rem}section{margin-bottom:1.5rem;padding:1rem}.settings-grid{gap:1rem;grid-template-columns:1fr}input[type=number],input[type=text],select{max-width:none}button{margin:.5rem 0;width:100%}.layer-item{flex-direction:column;gap:1rem;text-align:center}.layer-actions{justify-content:center}.layer-flow{align-items:center;flex-direction:column;gap:1.5rem}.layer-visualization-item{flex-direction:row;gap:1rem;max-width:300px;width:100%}.layer-arrow{margin:0}.architecture-summary{grid-template-columns:1fr}.sample-flow{flex-direction:column;gap:.5rem}.layer-arrow{transform:rotate(90deg)}}
/*# sourceMappingURL=main.d49ab2e2.css.map*/