*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Sans,Arial,sans-serif;background:#e1e1e1;color:#000;line-height:1.6}#app{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:30px;color:#000}header h1{font-family:Chakra Petch,Arial,sans-serif;font-size:2rem;margin-bottom:10px}header p{font-size:1.1rem}#controls{position:relative;left:50%;transform:translate(-50%);bottom:80px;display:flex;justify-content:center;gap:10px;z-index:10}.control-btn{font-family:IBM Plex Sans,Arial,sans-serif;background:#dffe00;border:none;color:#090a00;padding:10px 20px;font-size:14px;cursor:pointer;border-radius:6px;transition:background-color .2s ease}.control-btn:hover{background:#e9ff3f}.control-btn:disabled{opacity:.5;cursor:not-allowed;background:#939b57}#visualization-container{border:2px solid rgb(225,225,225);margin-bottom:30px;border-radius:20px;overflow:hidden;box-shadow:0 2px 4px #00000005,0 4px 8px #00000005,0 8px 16px #00000005,0 16px 32px #00000005;position:relative}#svg-canvas{display:block;width:100%;height:400px;background:url(../background.jpg) center center;background-size:contain;background-repeat:repeat}.container-description{position:absolute;right:0;top:0;width:100%;background:#ffffffb3;border:2px solid #e9ecef;padding:16px;font-family:IBM Plex Sans,Arial,sans-serif;line-height:1.4;font-size:10px;color:#495057;z-index:10;backdrop-filter:blur(8px);text-align:center}.desc-title{font-family:Chakra Petch,Arial,sans-serif;font-size:18px;font-weight:700;color:#222;display:inline;margin-right:10px}.desc-body{font-size:14px;color:#495057;display:inline}.container-label{font-family:Chakra Petch,Arial,sans-serif;font-size:62px;font-weight:200;fill:#222;dominant-baseline:middle;padding-top:60px;padding-bottom:40px}.container-background{background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (max-width: 768px){#app{padding:10px}#controls{flex-wrap:wrap}#svg-canvas{height:300px}}