*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fafafa;font-family:-apple-system,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.5}.app{max-width:1600px;margin:0 auto;padding:20px}.app-header{border-bottom:1px solid #ddd;margin-bottom:24px;padding-bottom:16px}.app-header h1{font-size:22px}.subtitle{color:#888;font-size:14px}.columns{align-items:flex-start;gap:20px;display:flex}.col-left{flex-shrink:0;width:260px}.col-center{flex:1;min-width:0}.col-right{flex-shrink:0;width:340px}h3{color:#555;margin-bottom:8px;font-size:14px}.upload-panel{margin-bottom:16px}.upload-panel input[type=file]{margin:8px 0;font-size:13px;display:block}.current-file{color:#666;margin-top:4px;font-size:12px}.btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:8px;padding:8px 12px;font-size:13px;display:block}.btn:hover:not(:disabled){background:#f0f0f0}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sample{background:#f5f0eb;border-color:#d4c4b0}.validation-panel{margin-bottom:16px}.hint{color:#aaa;font-size:13px}.msg{border-radius:4px;margin-bottom:4px;padding:6px 10px;font-size:13px}.msg-error{color:#c00;background:#fee;border-left:3px solid #c00}.msg-warning{color:#960;background:#fff8e0;border-left:3px solid #e6a800}.msg-ok{color:#2e7d32;background:#e8f5e9;border-left:3px solid #4caf50}.preview-pane{background:#fff;border:1px solid #ddd;border-radius:6px;padding:16px}.preview-empty{color:#bbb;justify-content:center;align-items:center;min-height:300px;display:flex}.preview-container svg{width:100%;height:auto}.parsed-spec-pane{margin-bottom:16px}.json-view{white-space:pre-wrap;word-break:break-all;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;max-height:500px;padding:10px;font-size:11px;overflow:auto}.download-buttons{margin-bottom:16px}