*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0d0d0d;color:#e0e0e0}.app{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;background:#0d0d0d}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#161616;border-bottom:1px solid #2a2a2a;flex-shrink:0}.toolbar-title{font-size:13px;font-weight:500;color:#888;margin-right:auto}.toolbar-title kbd{background:#2a2a2a;padding:2px 6px;border-radius:3px;font-size:11px;color:#666;margin-left:8px}.btn{background:none;border:1px solid #333;color:#999;padding:5px 10px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit;transition:all .1s ease}.btn:hover{border-color:#555;color:#fff}.btn.active{background:#2a2a2a;border-color:#444;color:#fff}.btn.btn-small{padding:4px 8px;font-size:14px;border:none;background:transparent}.btn.btn-small:hover{background:#222}.btn-primary{background:#1a73e8;border-color:#1a73e8;color:#fff}.btn-primary:hover{background:#1557b0;border-color:#1557b0}.input-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .1s}.input-toggle:hover{background:#222;color:#888}.input-toggle .chevron{font-size:10px;transition:transform .15s}.input-toggle.open .chevron{transform:rotate(90deg)}.input-area{background:#111;border-bottom:1px solid #2a2a2a;overflow:hidden;transition:max-height .2s ease}.input-area.collapsed{max-height:0;border-bottom:none}.input-area.expanded{max-height:200px}.error-bar{background:#2a1515;color:#ff6b6b;padding:8px 16px;font-size:12px;border-bottom:1px solid #3a2020}.main{flex:1;display:flex;overflow:hidden;min-height:0}.view-tabs{display:flex;gap:0}.view-tabs .btn{border-radius:0;border-right:none}.view-tabs .btn:first-child{border-radius:4px 0 0 4px}.view-tabs .btn:last-child{border-radius:0 4px 4px 0;border-right:1px solid #333}.panels{flex:1;display:flex;overflow:hidden;min-height:0}.panel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;background:#0d0d0d}.panel+.panel{border-left:1px solid #2a2a2a}.panel-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#161616;border-bottom:1px solid #222;flex-shrink:0}.panel-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#555}.panel-hint{font-size:10px;color:#444;margin-right:auto}.panel-header .btn{margin-left:0}.panel-header .btn:first-of-type{margin-left:auto}.panel-content{flex:1;overflow:hidden;min-height:0}.resize-handle{flex:0 0 5px;background:#1a1a1a;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .1s}.resize-handle:hover,.panels.dragging .resize-handle{background:#2a2a2a}.resize-line{width:1px;height:40px;background:#444;border-radius:1px}.resize-handle:hover .resize-line,.panels.dragging .resize-line{background:#666;width:2px}.panels.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.panels.single .panel{display:none}.panels.single .panel.visible{display:flex}.copied{color:#4ade80!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d0d;color:#e0e0e0;min-height:100vh}