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}[data-theme=dark]{--background-color:#121212;--panel-bg:#1e1e1e;--panel-border:#333;--header-bg:#2a2a2a;--text-color:#e0e0e0;--text-color-secondary:#a0a0a0;--accent-gradient:linear-gradient(90deg,#4d94ff,#a7f);--accent-color-1:#4d94ff;--accent-color-2:#a7f;--button-bg:#333;--button-hover-bg:#444;--error-color:#ff8c82;--error-border:#ff7b72}[data-theme=light]{--background-color:#f0f2f5;--panel-bg:#fff;--panel-border:#dcdfe6;--header-bg:#f9fafb;--text-color:#1d1d1f;--text-color-secondary:#606266;--accent-gradient:linear-gradient(90deg,#007aff,#af52de);--accent-color-1:#007aff;--accent-color-2:#af52de;--button-bg:#e9e9eb;--button-hover-bg:#dcdfe6;--error-color:#d8000c}body{background-color:var(--background-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;margin:0;transition:background-color .3s ease}.App{color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}.App:before{animation:background-pan 20s linear infinite alternate;background:linear-gradient(135deg,var(--accent-color-1),var(--accent-color-2));content:"";height:100%;left:0;opacity:.08;position:fixed;top:0;width:100%;z-index:-1}@keyframes background-pan{0%{transform:translateX(-10%) translateY(-10%)}to{transform:translateX(10%) translateY(10%)}}.navbar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1e1e1eb3;border-bottom:1px solid var(--panel-border);box-sizing:border-box;display:flex;height:65px;justify-content:space-between;padding:10px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}[data-theme=light] .navbar{background-color:#ffffffb3}.navbar-brand{align-items:center;display:flex;gap:15px}.app-logo{height:40px}.app-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:22px;font-weight:700}.controls-container{align-items:center;display:flex;gap:15px}select{-webkit-appearance:none;appearance:none;background-color:var(--button-bg);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a0a0a0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E");background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid var(--panel-border);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 2em 8px 12px}[data-theme=light] select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23555555%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E")}.run-button{background:var(--accent-gradient);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:transform .2s,box-shadow .2s}.run-button:hover:not(:disabled){box-shadow:0 5px 15px #7850ff66;transform:translateY(-2px)}.run-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{background-color:initial;border:1px solid var(--panel-border);border-radius:5px;color:var(--text-color-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.secondary-button:hover:not(:disabled){border-color:var(--accent-color-1);color:#fff}.theme-toggle-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:22px;padding:0 5px}.app-main{align-items:stretch;display:flex;flex-grow:1;gap:20px;padding:20px}.editor-container{flex:1.5 1;min-width:0}.output-and-input-container{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:0}.editor-container,.input-container,.output-container,.suggestion-container{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;overflow:hidden}.output-container{flex:1 1;min-height:100px}.suggestion-container{flex:1.5 1;min-height:150px}.input-container{flex:0.7 1;min-height:100px}.editor-header,.input-container h2,.output-header,.suggestion-container h2{align-items:center;background-color:var(--header-bg);border-bottom:1px solid var(--panel-border);color:var(--text-color-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0;padding:10px 15px}.editor-header,.output-header{justify-content:space-between}.input-box,.output-box,.suggestion-box{background-color:var(--background-color);color:var(--text-color);flex-grow:1;font-family:Fira Code,Courier New,monospace;font-size:14px;margin:0;overflow-y:auto;padding:15px;white-space:pre-wrap;word-break:break-word}.input-box{border:none;resize:none}.input-box:focus{outline:none}.debug-button{background-color:initial;border:1px solid var(--error-border);border-radius:5px;color:var(--error-color);cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px}.debug-button:hover:not(:disabled){background-color:#ff7b721a}[data-theme=light] .debug-button{color:var(--error-border)}[data-theme=light] .debug-button:hover:not(:disabled){background-color:#ffbaba}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}.app-footer,.concept-feed-container{background-color:var(--panel-bg);border-top:1px solid var(--panel-border)}.app-footer{color:var(--text-color-secondary);font-size:14px;padding:20px;text-align:center}.app-footer p{margin:0}.feed-title{margin-bottom:20px;margin-top:0}.info-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:22px;padding:0 5px}@media (max-width:768px){.app-main,.navbar{flex-direction:column}.navbar{gap:15px;height:auto;padding:15px}.app-title{font-size:20px}.controls-container{flex-wrap:wrap;justify-content:center}.editor-container,.output-and-input-container{flex:none}.editor-container{height:60vh}.concept-feed{flex-direction:column;padding-bottom:0}.concept-card{flex-basis:auto}}.concept-feed-container{background-color:var(--panel-bg);border-top:1px solid var(--panel-border);padding:20px 30px;position:relative}.feed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.feed-title{font-size:20px;margin:0;text-align:left}.scroll-buttons{display:flex;gap:10px}.scroll-button{background-color:var(--button-bg);border:1px solid var(--panel-border);border-radius:50%;color:var(--text-color-secondary);cursor:pointer;font-size:20px;height:36px;line-height:1;transition:all .2s ease;width:36px}.scroll-button:hover{background-color:var(--button-hover-bg);border-color:var(--accent-color-1);color:var(--text-color)}.concept-feed{display:flex;gap:20px;overflow-x:auto;padding-bottom:20px;scroll-behavior:smooth}.concept-feed::-webkit-scrollbar{display:none}.concept-feed{-ms-overflow-style:none;scrollbar-width:none}.concept-card{background-color:var(--header-bg);border:1px solid var(--panel-border);border-radius:8px;flex:0 0 320px;opacity:0;padding:20px;text-align:left;transform:translateY(20px);transition:all .5s ease-out}.concept-card.visible{opacity:1;transform:translateY(0)}.concept-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.concept-card h3{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;margin-top:0}.concept-card p{color:var(--text-color-secondary);font-size:14px;line-height:1.6}.code-snippet{word-wrap:break-word;background-color:var(--background-color);border-radius:5px;color:var(--text-color);font-family:Fira Code,monospace;font-size:13px;padding:15px;white-space:pre-wrap}.modal-overlay{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 10px 30px #0000004d;color:var(--text-color);display:flex;flex-direction:column;max-height:80vh;max-width:600px;padding:20px 30px;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.modal-header h2{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:22px;margin:0}.modal-close-button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:32px;line-height:1;padding:0}.modal-body{overflow-y:auto;padding-right:15px}.modal-body h3{border-bottom:1px solid var(--panel-border);color:var(--accent-color-2);margin-top:25px;padding-bottom:5px}.modal-body ul{list-style-type:"✓ ";padding-left:20px}.modal-body li{line-height:1.6;margin-bottom:10px}
/*# sourceMappingURL=main.f39f2f84.css.map*/