body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1b26;color:#c0caf5;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;overflow:hidden;padding:0}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#1a1b26;color:#c0caf5;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100%}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{background:#16161e;border-bottom:1px solid #292e42;flex-shrink:0;height:52px;justify-content:space-between;padding:0 20px}.toolbar,.toolbar-brand{align-items:center;display:flex}.toolbar-brand{gap:10px}.brand-logo{font-size:22px}.brand-name{color:#7aa2f7;font-size:20px;font-weight:700;letter-spacing:.5px}.brand-tag{background:#1a1b26;border-radius:4px;color:#565f89;font-size:11px;font-weight:500;padding:2px 8px}.toolbar-actions{gap:10px}.btn,.toolbar-actions{align-items:center;display:flex}.btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-execute{background:#3d59a1;color:#fff}.btn-execute:hover{background:#5a7dd2;box-shadow:0 2px 12px #3d59a166}.btn-clear{background:#0000;border:1px solid #292e42;color:#9aa5ce}.btn-clear:hover{background:#292e42;color:#c0caf5}.btn-reset{background:#0000;border:1px solid #292e42;color:#9aa5ce}.btn-reset:hover{background:#292e42;color:#c0caf5}.workspace{display:flex;flex:1 1;overflow:hidden}.editor-panel{border-right:2px solid #292e42}.editor-panel,.output-panel{display:flex;flex:1 1;flex-direction:column;min-width:0}.panel-header{background:#1f2335;border-bottom:1px solid #292e42;flex-shrink:0;height:40px;justify-content:space-between;padding:0 16px}.panel-header,.panel-tab{align-items:center;display:flex}.panel-tab{color:#a9b1d6;font-size:13px;font-weight:600;gap:8px}.file-icon{font-size:14px}.output-icon{color:#e0af68;font-size:15px}.issue-summary{display:flex;gap:8px}.summary-badge{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.summary-error{background:#f7768e26;color:#f7768e}.summary-warning{background:#e0af6826;color:#e0af68}.summary-info{background:#7aa2f726;color:#7aa2f7}.editor-container{flex:1 1;overflow:hidden}.output-container{background:#1a1b26;flex:1 1;overflow-y:auto;padding:0}.output-placeholder{align-items:center;color:#565f89;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.output-placeholder p{font-size:14px;margin-bottom:6px}.placeholder-sub{color:#3b4261;font-size:12px!important;line-height:1.5;max-width:320px}.output-success{align-items:center;color:#9ece6a;display:flex;flex-direction:column;height:60%;justify-content:center;text-align:center}.success-icon{font-size:48px;margin-bottom:16px}.output-success p{font-size:16px;font-weight:600}.output-error{background:#f7768e14;border:1px solid #f7768e33;border-radius:8px;margin:16px;overflow:hidden}.error-header{background:#f7768e0d;border-bottom:1px solid #f7768e26;color:#f7768e;font-size:14px;font-weight:600;padding:10px 16px}.error-message{color:#c0caf5;font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.issues-list{padding:8px 0}.issue-row{align-items:flex-start;border-bottom:1px solid #1f2335;display:flex;font-size:13px;gap:10px;line-height:1.5;padding:10px 16px;transition:background .15s ease}.issue-row:hover{background:#7aa2f70a}.issue-index{color:#3b4261;font-size:11px;min-width:18px;padding-top:2px;text-align:right}.issue-line{color:#565f89;flex-shrink:0;font-family:Fira Code,monospace;font-size:12px;min-width:52px;padding-top:1px}.issue-message{color:#c0caf5;flex:1 1}.severity-badge{border-radius:3px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:1px;padding:2px 6px}.severity-error{background:#f7768e26;color:#f7768e}.severity-warning{background:#e0af6826;color:#e0af68}.severity-info{background:#7aa2f726;color:#7aa2f7}.issue-error{border-left:3px solid #f7768e}.issue-warning{border-left:3px solid #e0af68}.issue-info{border-left:3px solid #7aa2f7}.output-footer{background:#1f2335;border-top:1px solid #292e42;color:#565f89;flex-shrink:0;font-size:12px;padding:12px 16px}.output-container::-webkit-scrollbar{width:8px}.output-container::-webkit-scrollbar-track{background:#1a1b26}.output-container::-webkit-scrollbar-thumb{background:#292e42;border-radius:4px}.output-container::-webkit-scrollbar-thumb:hover{background:#3b4261}@media (max-width:768px){.workspace{flex-direction:column}.editor-panel{border-bottom:2px solid #292e42;border-right:none;height:50%}.output-panel{height:50%}.toolbar{padding:0 12px}.brand-tag{display:none}.btn{font-size:12px;padding:6px 12px}}