*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}#app{max-width:800px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{margin:0;font-size:24px}.user-info{display:flex;align-items:center;gap:10px}.section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}label{display:block;font-weight:600;margin-bottom:8px}select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:15px}textarea{resize:vertical}.btn{display:inline-block;padding:10px 20px;background:#4a9eff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;text-decoration:none}.btn:hover{background:#3a8eef}.btn:disabled{background:#ccc;cursor:not-allowed}.btn.secondary{background:#666}.btn.primary{background:#22c55e}.error{background:#fee;color:#c00;padding:15px;border-radius:4px;margin-bottom:20px}.success{background:#efe;border:1px solid #afa}.summary{font-style:italic;color:#666}.file-change{border:1px solid #ddd;border-radius:4px;margin:15px 0;overflow:hidden}.file-header{background:#f5f5f5;padding:10px;display:flex;gap:10px;align-items:center}.action{padding:2px 8px;border-radius:3px;font-size:12px;font-weight:600;text-transform:uppercase}.action.modify{background:#fef3c7;color:#92400e}.action.create{background:#d1fae5;color:#065f46}.action.delete{background:#fee2e2;color:#991b1b}.path{font-family:monospace;font-size:14px}.content{margin:0;padding:15px;overflow-x:auto;background:#fafafa;font-size:13px;max-height:300px;overflow-y:auto}.actions{display:flex;gap:10px;margin-top:20px}.login-section{text-align:center;padding:60px 20px;background:#fff;border-radius:8px}a{color:#4a9eff}