body{margin:0;min-width:320px}#root{min-height:100vh}.editor-container{max-width:1200px;margin:0 auto;padding:40px 20px}.editor-header{text-align:center;color:#fff;margin-bottom:40px}.editor-header h1{font-size:48px;margin-bottom:8px;font-weight:700}.editor-header p{font-size:18px;opacity:.9}.editor-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 40px #0003}.editor-controls{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.json-editor{width:100%;min-height:500px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;outline:none;transition:border-color .2s ease}.json-editor:focus{border-color:#667eea}.json-editor::placeholder{color:#999}.viewer-container{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:100vh}.viewer-header{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:30px;flex-wrap:wrap;gap:20px}.logo-link{text-decoration:none;color:#fff}.logo-link h1{font-size:36px;font-weight:700;margin:0}.viewer-info{display:flex;gap:24px;font-size:14px;opacity:.9}.viewer-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 40px #0003}.viewer-controls{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.json-display{width:100%;padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;overflow-x:auto;white-space:pre;color:#333}.viewer-container .error-message{margin-bottom:20px}@media(max-width:768px){.viewer-header{flex-direction:column;align-items:flex-start}.viewer-info{flex-direction:column;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:16px;border:1px solid #f5c6cb}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;color:#fff}